type=file的change事件只能執行一次的解決方案

　　　　最近幫朋友做個項目中遇到了type=file change事件只能執行一次的問題，度娘了一下，發現提供了各種解決方案，所以決定記錄一下我的思考方向和最終解決方式。

　　　　起初幫朋友做個項目，項目中遇到上傳文件，沒想太多，代碼就敲了起來，尼瑪，上傳做好啦，興衝衝，一測，ei,怎麼回事，怎麼不能上傳了，程式員的各種抓狂捉急啊，開始度娘找解決方案，找來找去，冷靜下來，自己想瞭解決方案；

　　　　蛋疼的<input type='file' />設計，不管文件上傳成功與否，已添加的文件已經被記錄了，所以不會再執行change事件，大概原因知道了，動手做吧，如果我能清空記錄，事件不就能觸發了嗎，嘗試了一下，尼瑪，沒成功。繼續找方法，如果我替換了<input type='file' />標簽，然後重新綁定change事件會怎麼，動手試了一下，成功了，下麵貼上代碼：

<form action="/api/Index/Browse" enctype="multipart/form-data" id="form_Upload" method="post">
　　<input id="fileUpload" type="file" name="file" style="display:none">

</form>

$('input[id=fileUpload]').click();

var count = 0;
$('input[id=fileUpload]').unbind().change(function () {
$('#form_Upload').ajaxSubmit(options);

});

var options = {
success: function (data) {
//$scope.orderInfo = eval(data);
$scope.$apply(function () {
$scope.orderInfo = eval(data);

//start 為避免type=file控制項的change()只能執行一次，更換控制項，重新綁定事件
count++;
$("#fileUpload").replaceWith('<input type="file" id="fileUpload" name="file" style="display:none;" title="' + count + '"/>');
$('#fileUpload').on('change', function () {

$('#form_Upload').ajaxSubmit(options);
});
//end

$http.post(url, params).success(function (data) {
　　do something
}, function () {
　　do something

});
});
}
};