jQuery文件上傳：檢測是否選擇了相同的文件

Question

我使用jQuery文件上傳插件爲我的網站。

用戶按下「瀏覽...」按鈕後，我會調用uploadadd回調函數。 但是，它引發EVERYTIME用戶添加文件。即使他添加了相同的文件。

我需要的是爲每個獨特文件只啓動一次uploadadd回調或獲取文件的唯一標識符，以便我可以將其存儲在一個文件數組中。在這種情況下，我可以檢測文件是否已被選中。

我試圖用回調函數的數據數組：

function (e, data) { } 

，但它僅包含文件大小/文件名/文件類型的信息，所以我不能從它，因爲兩個或多個文件可以創建一個唯一的哈希相同的信息。

這裏是我的代碼：

$('#fileupload').fileupload({ 
    url: "/upload/", 
    dataType: 'json', 
    autoUpload: false, 
    add: function (e, data) { 
     console.log(data.files[0]); 
     qcount += 1; 
     $('#select-button').text(qcount + ' files'); 

     data.submit(); 
    }); 
}); 

在Uploadify插件我可以使用onAddQueueItem回調，但jQuery的文件上傳似乎並不具有相同的功能。

提前致謝！

Answer 1

嘗試這樣：

$('#fileupload').fileupload({ 
    url: "/upload/", 
    dataType: 'json', 
    autoUpload: false, 
    add: function (e, data) { 
     data.files = $.map(data.files, function(file,i){ 
      if ($.inArray(file.name,currentfiles) >= 0) { 
       alert("file exists"); 
       return null; 
      } 
      return file; 
     }); 

     console.log(data.files[0]); 
     qcount += 1; 
     $('#select-button').text(qcount + ' files'); 

     data.submit(); 
    }); 
}); 

您不必使用file.name。您可以使用file.name + file.size作爲散列。