Javascript jquery input type=“file”change()只能工作一次

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

我想使用ajaxfileUpload将多个图像上传到服务器,所以我使用了回调更改,当输入值更改时,我调用upload函数,但它只成功运行一次,您有什么想法吗? 代码如下:

<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、函数{的可能重复项