File change事件只生效一次

ajaxFileUpload上传图片后再点击之后就change事件就不再生效了

度娘一番找到原因是ajaxFileUpload将file上传之后将原有的file元素改变了，搜，需再次绑定change事件，也就是说在upload完之后重新绑定change，

具体如下：

第一次绑定：

$('input[type="file"]').change("propertychange", function() {

        ajaxFileUpload();

    });

 

再次绑定：

function ajaxFileUpload() {

        jQuery.ajaxFileUpload({

                    url : '<@path/>/picServerCtrl/uploadPicture?body=2&versionName=h5', //用于文件上传的服务器端请求地址

                    secureuri : false, //是否需要安全协议，一般设置为false

                    fileElementId : 'pictureFile', //文件上传域的ID

                    dataType : 'json', //返回值类型 一般设置为json

                    type : 'post',

                    success : function(data) {

                        alert(data) ;

                    },

                    error : function(data) {

                        console.log(data);

                    }

                });

        $('input[type="file"]').change(function(e) {//再次绑定

            ajaxFileUpload();

        })

        return false;

    }

 

 

参考链接：http://bbs.csdn.net/topics/390851661