ajax jquery change 事件，第二次的時候沒有反應？

jquery jquery3.1.1 fileupload upload

火爆浪子 2018-10-17 19:53:50 ‧ 3601 瀏覽

<input type="file" class="editor-upload-video" accept="video/*">

$('.editor-upload-video').change(function() {

console.log('uploading');

$.ajax({
     type: "POST",
     url: "/admin/controllers/update-admin?type=editor-video",
     data: data,
     cache: false,
     contentType: false,
     processData: false,
     success: function(data){
          console.log('uploaded');
        }

第一次有回傳成功
但是第二次按，即便有出現要你選檔案，選完後連 uploading 都沒有顯示，就沒有反應了。。。。怎麼會這樣呢？

Homura iT邦高手 1 級 ‧ 2018-10-18 09:23:17 檢舉

你該不會是選了同一個檔案?

77012904 iT邦新手 3 級 ‧ 2018-10-18 12:04:35 檢舉

由於不知道你這段是放在哪裡，所以沒辦法告訴你問題點在哪.

最大的可能是change這個事件被unbind了~ 要bind上去的事件，寫在ready裡面或許是個選擇

火爆浪子 iT邦研究生 1 級 ‧ 2018-10-18 13:46:25 檢舉

Homura ：暈倒，真的是同一個檔案的關係。。這有辦法判斷嗎？？？

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

3 個回答

Homura

iT邦高手 1 級 ‧ 2018-10-18 14:11:04

最佳解答

選擇同一個檔案沒反應的話
一個方法是改成另外做一顆按鈕按了才上傳
一個是上傳完成後清空檔案

$('.editor-upload-video').change(function () {
    console.log('uploading');
    $.ajax({
        type: "POST",
        url: "/admin/controllers/update-admin?type=editor-video",
        data: data,
        cache: false,
        contentType: false,
        processData: false,
        success: function (data) {
            console.log('uploaded');
            $('.editor-upload-video').val('');           
        }
    });         
});