BlueImp文件上傳插件不工作

Question

我已經具有以下輸入elemet頁：

<input class="uploadDocument" type="file" name="FileData" id="my-upl" />

然後開始上傳以下的javascript：

$("#my-upl").fileupload({ 
 
    url: uploadUrl, 
 
    dataType: 'string', 
 
    done: successFunction, 
 
    uploadProgress: function(e, data) { 
 
    var pct = parseInt(data.loaded/data.total * 100, 10); 
 
    updateProgressBar(progressDiv, progressBar, progressLabel, Math.round(pct)); 
 
    }, 
 
    fail: function(e, data) { 
 
    var errorHtml = uploadFailedHtml + "<p>" + data.textStatus + "</p>"; 
 
    showModal(uploadFailedTitle, errorHtml); 
 
    } 
 
});

似乎文件上傳不會觸發。我甚至試着指定一個「開始」和一個「總是」的回調，看看是否有任何東西被觸發但無濟於事。

編輯：我已經添加了一個「添加」回調，並且當文件被選中但是上傳沒有啓動時會觸發。

Answer 1

答案通過查看哪些代碼發現在運行時using a button to start the upload

在我添加的回調，我只是不得不做data.submit()：

$("#my-upl").fileupload({ 
 
    url: uploadUrl, 
 
    dataType: 'string', 
 
    done: successFunction, 
 
    uploadProgress: function(e, data) { 
 
    var pct = parseInt(data.loaded/data.total * 100, 10); 
 
    updateProgressBar(progressDiv, progressBar, progressLabel, Math.round(pct)); 
 
    }, 
 
    fail: function(e, data) { 
 
    var errorHtml = uploadFailedHtml + "<p>" + data.textStatus + "</p>"; 
 
    showModal(uploadFailedTitle, errorHtml); 
 
    }, 
 
    add: function(e, data) { 
 
    data.submit(); 
 
    return true; 
 
    } 
 
});