無需拖放即可上傳文件夾

Question

如何在不使用拖放功能的情況下實現文件夾上傳？我期望能夠以與選擇文件相同的方式選擇文件夾。

此外，文件數量和文件夾深度的上限是多少？

感謝

Answer 1

這是可能的，但解決的辦法是有點尷尬，這就是爲什麼精細上傳本身不支持這一點。文件輸入元素可以允許您選擇文件夾或文件，但不能同時選擇。因此，如果您希望用戶選擇，則需要提供專門用於選擇文件夾的單獨文件輸入，或者維護一個文件輸入元素，只要用戶的意圖已知，即可即時修改。

Fine Uploader將可能爲將來作爲case #819的一部分通過選擇器對話框選擇文件夾提供支持。同時，如果您希望提供允許用戶通過選擇器對話框選擇文件夾的功能，則需要爲文件夾專門提供備用文件輸入元素，然後通過文件夾將選定文件發送到Fine Uploader Fine Uploader的addFiles API方法。

下面是一個例子：

<input type="file" id="directoryFileInput" webkitdirectory> 
<div id="myFineUploaderContainer"></div> 

$('#myFineUploaderContainer').fineUploader({ 
    request: { 
     endpoint: 'my/endpoint' 
    } 
}); 

$('#directoryFileInput').change(function() { 
    var fileList = this.files; 

    $('#myFineUploaderContainer').fineUploader('addFiles', fileList); 
}); 

當然，你可能還希望這個樣式特定的文件輸入。 Fine Uploader case＃819完成後，您將可以要求Fine Uploader爲您設計風格並追蹤任何其他文件輸入。在此之前，如果這對你很重要，則需要將任何其他文件輸入元素設置爲不透明，並將其包裝在樣式化的div中。