<body>
<div id="wrapper">
<header id="header"><a href="javascript:history.go(-1);" class="back"></a></header>
<section class="container">
<section id="addr" class="wrapper">
<p>地址详情</p>
<div class="content address"></div>
</section>
<section id="service-logs" class="wrapper">
<p>维修日志</p>
<div class="content">
<form method="POST" enctype="multipart/form-data" id="upload-form">
<input type="hidden" name="mac" class="mac" value="">
<textarea name="content" id="feedback" placeholder="写点什么..."></textarea>
<div class="upload-wrap upload-item">
<img src="./images/plus (1).png" alt="上传">
<input type="file" name="imageFile1" class="upload-btn" id="empty-upload">
</div>
<div class="c"></div>
</form>
</div>
<div class="tips"></div>
<div class="btn-submit">提交</div>
<div class="c"></div>
</section>
</section>
</div>
</body>
```javascript
$(function(){
//点击上传 显示缩略图并新增上传按钮
var _index = 1;
$(document).on("change",'.upload-btn', function(){
_index++;
var $this = $(this);
var files = !!this.files ? this.files : [];
if (!files.length || !window.FileReader) return;
if (/^image/.test(files[0].type)){
var reader = new FileReader();
reader.readAsDataURL(files[0]);
reader.onloadend = function(){
$('.tips').hide();
$('.upload-item').addClass('inputfile_gardenmax')
var temp = '<div class="upload-wrap upload-item"><img src="./images/plus (1).png" alt="上传"><input type="file" name="imageFile'+ _index +'" class="upload-btn"></div>';
$this.parent('.upload-wrap').after(temp);
var tmp = '<b class="closeimg jq_closeimg"><img src="./images/close-circle-fill.png" alt=""></b><img src="'+this.result+'" alt="">';
$this.before(tmp)
//删除上传预览图
$(".jq_closeimg").on("click", function(){
$(this).parents('.upload-wrap').remove();
})
}
}
});
//获取mac值并显示在地址详情中
var mac = getP('mac')
$('.mac').val(mac)
$.ajax({
url :'',
type:"POST",
crossDomain: true,
dataType:"json",
data : {
mac: mac
},
success: function(res){
var _mac = res.others.province+res.others.city+res.others.county+res.build+res.unit+res.room;
$('.address').html(_mac)
$('#header').append(res.others.codeNmae)
}
})
//提交按钮触发事件
$('.btn-submit').on('click', function(){
//提交时判断空input上传框(最后一个空input删除避免后台接受FormData错误,上传图片为0张提示信息至少上传一张)
var _l = $('.upload-btn').parents('.upload-item').siblings('.inputfile_gardenmax').length;
if( _l !== 0){
$('#upload-form div').last().prev().remove();
}else{
$('.tips').html('至少上传一张图片').show();
return false;
}
//实例化FormData 表单数据
var fd = new FormData($('#upload-form')[0]);
$.ajax({
url: '',
type: 'post',
data: fd,
processData: false,
contentType: false,
success: function(res){
window.location.href = ''
},
error: function(e){
alert('error')
}
})
})
})
//获取url参数
function getP(n) {
var hrefstr, pos, parastr, para, tempstr;
hrefstr = window.location.href;
pos = hrefstr.indexOf("?");
parastr = hrefstr.substring(pos + 1);
para = parastr.split("&");
tempstr = "";
for (var i = 0; i < para.length; i++) {
tempstr = para[i];
pos = tempstr.indexOf("=");
if (tempstr.substring(0, pos).toLowerCase() == n.toLowerCase()) {
return tempstr.substring(pos + 1);
}
}
return '';
}
