Question

我正在使用文件夹对话框获取文件夹中的所有文件，然后通过FILELIST API我可以读取所有文件。文件夹对话框的Mycode是和文件读取如下：

 document.getElementById('files').onchange = function(e) {
        // Retrieve the file list from the input element
      /*  var control = $("#files");
        control.replaceWith( control = control.clone( true ) );
         */
        alert("On Change function called:");
        Files =e.target.files;
        readFiles=e.target.files;
        for (var i in e.target.files)
        {
e.target.files[i].webkitRelativePath+"\n";

            if(e.target.files[i].webkitRelativePath!=undefined)
                {

                    {

                    console.log("Path: "+e.target.files[i].webkitRelativePath) ;
                    var reader = new FileReader();

 reader.readAsText(e.target.files[i]); 
}

现在我想要的是将有一个文件对话框，用户选择一个文件，放在用户选择文件的文件夹中的所有文件都被推送到FILELIST，然后我将从上面的代码中读取所有文件。我被困在如何推送文件FileLIST。

Answer 1

如果您只支持支持HTML5的浏览器，则可以获得此行为。让用户使用 Ctrl-A 或仅选择多个文件来选择所有文件。

我会选择已经实现的javascript库，例如qq/Valums File Uploader 它提供了许多功能和事件，以便快速查看 How to implement multiple files uploading? With Django and valums file-uploader it's easy

Answer 2

它不可能读取放在文件夹中的所有文件，因为javascript不允许您读取所有文件。所有文件的路径都已加密。所以我通过允许用户选择多个文件来解决这个问题。

通过文件对话框读取文件夹中的所有文件

2 个答案: