jQuery 文件上传插件ajaxFileUpload使用以及onchange问题

今天用了ajaxFileUpload文件上传的一个插件，开始提示$ is not a function,这个是jQuery没引入，秒解决。

突然又来$.ajaxFileUpload is not a function，有点懵逼了，顺序也是正确的，没有发现任何问题。

后面紧接着还有一个提示$(...).live is not
a function，这个函数是$.ajaxFileUpload里面的。

然后进去看了发现change，



因为当时页面我绑定了一个事件

<input id="fileToUpload" type="file" name="file" multiple="multiple" onchange="ajaxFileUpload()"/>

 onchange="ajaxFileUpload()问题就出在这里。因为才开始接触比较多的前端知识，把onchange改成change？或者livechange？（这个应该不行）。具体没这样试。我直接在js写的onchange事件，然后什么错误都没有，一切正常，图片已存储都可以。
那么问题又来了，onchange只执行一次，哇靠，上传一张图片之后再点击无效。心想执行一次，那就把它替换了从新加事件吧。一切OK

代码：

uploadListener();
function uploadListener() {
$("#fileToUpload").on('change', function() {
$.ajaxFileUpload({
url : '/foodRecomment/upload',
secureuri : false,
fileElementId : 'fileToUpload', //file标签的id
dataType : 'text', //返回数据的类型
// data:{name:'name'},//一同上传的数据
success : function(data, status) {
console.debug(data);
data = data.replace(/<pre.*?>/g, '');
data = data.replace(/<PRE.*?>/g, '');
data = data.replace("<PRE>", '');
data = data.replace("</PRE>", '');
data = data.replace("<pre>", '');
data = data.replace("</pre>", '');
data = $.parseJSON(data);
if (data.dealFlag == 1) {
// alert(data.dealMsg);
// var template = $("#template").html();
// var html = Mustache.render(template, data);
// fileNameList.push(data.fileName);
// $("#upload").before(html);
$("#fileToUpload").replaceWith("<input id='fileToUpload' type='file' name='file' multiple='multiple'/>");
uploadListener();
} else if (data.dealFlag == 0) {
alert(data.dealMsg);
}
},
error : function(data, status, e) {
alert(e);
}
});
});
}