Javascript jquery input type=“file”change()只能工作一次
我想使用ajaxfileUpload将多个图像上传到服务器,所以我使用了回调更改,当输入值更改时,我调用upload函数,但它只成功运行一次,您有什么想法吗? 代码如下:Javascript jquery input type=“file”change()只能工作一次,javascript,jquery,Javascript,Jquery,我想使用ajaxfileUpload将多个图像上传到服务器,所以我使用了回调更改,当输入值更改时,我调用upload函数,但它只成功运行一次,您有什么想法吗? 代码如下: <div class='popup_content clearfix' id="imagecontainer"> </div> <script id="imagePreview" type="text/template"> <div class='popup_img_contain
<div class='popup_content clearfix' id="imagecontainer">
</div>
<script id="imagePreview" type="text/template">
<div class='popup_img_container'>
<img class='popup_img' src="<%= imageUrl%>" id="imagepreview<%= imageCount %>">
</div>
</script>
<input type="file" id="postPic" name="fileToUpload"/>
var imageCount=0;
function uploadImage(){
alert( $("#postPic").val());
$.ajaxFileUpload({
url:'myurl',
secureuri :false,
fileElementId :"postPic",//file控件id
dataType : 'json',
success : function (data, status){
alert("done");
//$("#postAllpic").addClass("hidden");
},
error: function(data, status, e){
alert(e);
}
});
}
$("#postPic").change(function(){
var objUrl = getObjectURL(this.files[0]) ;
if (objUrl) {
var imageObj={};
imageObj.imageUrl=objUrl;
imageObj.imageCount=imageCount;
var html=_.template($("#imagePreview").html(),imageObj);
$("#imagecontainer").append(html);
uploadImage();
imageCount++;
alert(imageCount);
}
});
function getObjectURL(file) {
var url = null ;
if (window.createObjectURL!=undefined) { // basic
url = window.createObjectURL(file) ;
} else if (window.URL!=undefined) { // mozilla(firefox)
url = window.URL.createObjectURL(file) ;
} else if (window.webkitURL!=undefined) { // webkit or chrome
url = window.webkitURL.createObjectURL(file) ;
}
return url ;
}
请尝试$document.onchange、postic、函数{的可能重复项