2013-10-10 20 views
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!'); 
}); 
+0

可能重複[如何從隊列中刪除的文件上傳在blueimp Basic啓動之前停止上傳?](http://stackoverflow.com/questions/18267958/how-to-remove-file-from-the-queue-to-stop-upload-before-upload-starts-in-blueimp) –

+0

是的。我確實看到了這個問題,並嘗試了我的東西。儘管這會從表格中刪除文件條目,但並未實際將其從上傳隊列中刪除。所以當我點擊上傳按鈕時,它最終會上傳包括我從表格中刪除的所有內容。 – user2865595

+0

爲每個單個文件添加一個按鈕並綁定提交。 –

回答

2

請務必將您的文件的情況下表行,然後做這樣的事情:

$("#uploadBttn").click(function() { 
    if (data.context.is(":visible")) 
     data.submit(); 
}); 
相關問題