写在input的change事件里面
if($("#uploaderInput")[0].files[0] != undefined){
//构造form表单上传
var a = new FormData();
a.append("image", $("#uploaderInput")[0].files[0]); //参数imag
a.append("topicid", topicid); //参数topicis
$.ajax({
url:"/weixinctb/jt/uploadimage.php",
xhrFields:{
withCredentials:true
},
type: "POST",
cache: false,
data: a,
processData: false,
contentType:false,
xhr: function() { //用以显示上传进度
var xhr = $.ajaxSettings.xhr();
if (xhr.upload) {
xhr.upload.addEventListener('progress', function(e) {
$('#toastLoading').show().find(".percent").html(Math.floor(e.loaded/e.total*100)+'%');
}, false);
}
return xhr;
},
success: function (result) {
var data = JSON.parse(result);
if(data.code == '10000'){
$('#toastLoading').hide();
showToast(true);//上传成功
$(".weui-uploader__file:last-child").attr("datasrc",data.data.url);
}else{
showToast(false)
}
}
})
}
<form action="" id="add_file_form" enctype="multipart/form-data">
<input id="uploaderInput" class="weui-uploader__input" name="image" type="file" accept="image/gif,image/jpeg,image/jpg,image/png" multiple="">
</form>