Blueimp添加上傳觸發多個輸入

我有type="file"兩個輸入我的網頁上像這樣Blueimp添加上傳觸發多個輸入

<input class="form-control" type="file" id="uploadImageFileSingle"> <br> 
<input id="fileupload" type="file" name="files[]" multiple>

第一個輸入是用於上傳單個文件的正常輸入。第二個輸入由blueimp上傳多個文件，並像這樣初始化：

$('#fileupload').fileupload({ 
    url: url, 
    dataType: 'json', 
    .... 
})

一切正常，除了這樣一兩件事：當我將文件添加到第一輸入，則觸發fileuploadadd方法blueimp文件並添加要上傳的blueimp隊列。我無法確定這是怎麼發生的。

我該如何調整blueimp的輸入量？

來源

2016-11-07 jlars62

這裏是一個工作圍繞嘗試：

$("#uploadImageFileSingle").off() // removes all handlers from first input

Be awar e，這將刪除所有處理程序從這個輸入元素，但它對我來說很有效，因爲它也刪除了由blueimp添加的處理程序（仍然不知道哪裏得到了添加！）。

來源

2016-11-08 20:03:56 jlars62

，如果您有按鈕

<button id="upload_btn">Multiple Upload</button>

您可以

$('#fileupload').fileupload({ 
dataType: 'json', 
add: function (e, data) { 
    var that = this; 
    $.blueimp.fileupload.prototype.options.add.call(that, e, data); 
    $("#upload_btn").on('click', function() { 
     data.submit(); 
    }); 
}, 
});

也許它控制更好的方式來加載多個文件

來源

2016-11-07 22:05:45

Blueimp添加上傳觸發多個輸入

回答

相關問題