Fine上傳者刪除鏈接

Question

我正在使用Fine上傳，ajax上傳與圖像預覽。我沒有使用Fine Uploader Basic模式。

我如何才能將刪除鏈接

<a class="qq-upload-delete" href="#" style="display: inline;">Delete</a> 

從 <ul class="qq-upload-list">

到<li id="thumb">其周圍的圖像。

<script> 
    $(document).ready(function() { 
    $('#thumbnail-fine-uploader').fineUploader({ 
     request: { 
     endpoint: 'includes/example.php' 
     }, 
     deleteFile: { 
     enabled: true, 
     forceConfirm: true 
     }, 
     multiple: false, 
     validation: { 
     allowedExtensions: ['jpeg', 'jpg', 'gif', 'png'], 
     sizeLimit: 51200 // 50 kB = 50 * 1024 bytes 
     }, 
     text: { 
     uploadButton: 'Dodajte sliku', 
     deleteButton: ' ' 
     } 
    }).on('complete', function(event, id, fileName, responseJSON) { 

     if (responseJSON.success) { 
      $(this).append('<li id="thumb"><img src="img/success.jpg" alt="' + fileName + '"></li>'); 
     } 
    }); 
    }); 
</script> 

我想達到這個目的，所以每張圖片旁邊都有一個刪除鏈接，而不是上傳列表。

Answer 1

由於文件項刪除錨定函數的方式，重新刪除刪除鏈接可能不會在此處起作用。

相反，爲什麼不創建自己的刪除按鈕？你complete回調處理程序可能是這個樣子：

.on('complete', function(event, id, fileName, response) { 
    if (response.success) { 
     var $deleteEl = $('<a href="#">Delete</a>'); 

     //when you delete element is clicked, call the "deleteFile" API method, passing in that file's ID 
     $deleteEl.click(function() { 
     $('#thumbnail-fine-uploader').fineUploader('deleteFile', id); 
     }); 

     $(this).append('<li id="thumb"><img src="img/success.jpg" alt="' + fileName + '"></li>') 
      .append($deleteEl); 
    } 
}); 

當然，你可以調整刪除錨點HTML，以滿足您的應用程序的樣式。