首頁  >  文章  >  後端開發  >  type=file的change事件只能執行一次的問題及解決方法實例

type=file的change事件只能執行一次的問題及解決方法實例

零下一度
零下一度原創
2017-06-23 16:23:361777瀏覽

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

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

    蛋疼的設計,不管文件上傳成功與否,已新增的文件已經被記錄了,所以不會再執行change事件,大概原因知道了,動手做吧,如果我能清空記錄,事件不就能觸發了嗎,試了一下,尼瑪,沒成功。繼續找方法,如果我替換了標籤,然後重新綁定change事件會怎麼,動手試了一下,成功了,下面貼上代碼:

< ;form action="/api/Index/Browse" enctype="multipart/form-data" id="form_Upload" method="post">
         

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

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

       });

var options = {
           su (data);
               $scope.$apply(function () {
                      //start 為避免type=file控制項的change ()只能執行一次,更換控制項,重新綁定事件

                   count++;
       " "file" id="fileUpload" name="file" style="display:none;" title="' + count + '"/>');
                   $('# $$('#"#$ ').on('change', function () {
                       $('#form_Upload').ajaxSubmit(options);##options); });

                   //end
$http.post(url, params).success(function (data ). unction ( ) {  do something##});
               });#           

以上是type=file的change事件只能執行一次的問題及解決方法實例的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn