2
我正在使用Blueimp文件上傳在我的項目中上傳圖像。在我加載圖像後,我想爲每個圖像放置一個按鈕,以便在上傳之前從上傳隊列中清除它(如插件的演示頁@http://blueimp.github.io/jQuery-File-Upload/中的那個)。我到處找我似乎無法找到真正對我的作品的解決方案....下面是我使用過的代碼......Blueimp fileuplad - 如何在上傳之前從隊列中刪除文件
$('#fileupload').fileupload({
dataType: 'json',
autoUpload: false,
acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,
disableImageResize: /Android(?!.*Chrome)|Opera/
.test(window.navigator.userAgent),
imageMaxWidth: 1000,
imageMaxHeight: 800,
previewMaxWidth: 100,
previewMaxHeight: 100,
previewCrop: false
}).on('fileuploadadd', function (e, data) {
//Add buttons for canceling individual images
$("#uploadBttn").click(function() {
data.submit();
});
}).on('fileuploadprocessalways', function (e, data) {
var index = data.index,
file = data.files[index];
if (file.preview) {
$("#imgPreview").append(file.preview);
}
}).on('fileuploadprogressall', function (e, data) {
var progress = parseInt(data.loaded/data.total * 100, 10);
$('#progress .bar').css('width',progress + '%');
}).on('fileuploadstart', function (e) {
$("#uploadBttn").unbind().prop('disabled', true).text('Uploading...');
}).on('fileuploadstop', function (e) {
$("#uploadBttn").text('Done!');
});
可能重複[如何從隊列中刪除的文件上傳在blueimp Basic啓動之前停止上傳?](http://stackoverflow.com/questions/18267958/how-to-remove-file-from-the-queue-to-stop-upload-before-upload-starts-in-blueimp) –
是的。我確實看到了這個問題,並嘗試了我的東西。儘管這會從表格中刪除文件條目,但並未實際將其從上傳隊列中刪除。所以當我點擊上傳按鈕時,它最終會上傳包括我從表格中刪除的所有內容。 – user2865595
爲每個單個文件添加一個按鈕並綁定提交。 –