如何在中打开特定文件夹<input type='file'>

Question

我想从特定文件夹上传项目中的图像。 当我点击选择文件按钮它进入默认文件夹或最后打开的文件夹，但我想这样做总是打开一些特定的文件夹，如文件/所有图像/动物图像/ 。

 <table>  
            <tr>  
                <td>First Name:</td>    
                <td><input type="text" name="firstName" size="10"  
                    required="required" /></td>  
            </tr>  
            <tr>  
                <td>Last Name:</td>  
                <td><input type="text" name="lastName" size="10"  
                    required="required" /></td>  
            </tr>  
            <tr>  
                <td>Choose Image:</td>  
                <td><input type="file" name="photo" size="10"  
                    required="required" /></td>  
            </tr>  
            <tr>  
                <td><input type="submit" value="Submit"></td>  
                <td><input type="reset" value="Clear" /></td>  
            </tr>  
        </table> 

有人告诉我解决方案。

Answer 1

实际上，由于纯HTML / Javascript的安全性原因，这是不可能的。 如果您使用ActiveX或Java Applet，但是这些技术已经过时，我不会这样做。

Answer 2

现在你可以做到这一点，但前提是你使用支持后两个属性的“Chrome”：

<input type="file" id="folder-opener" webkitdirectory multiple/>

这对我很有用，但请记住，现在这个输入标签不会让你选择单个文件。 只是目录。

如果你没问题，那么你将能够通过传递绝对路径列出后端选定目录中的所有文件：

document.getElementById('folder-opener').addEventListener('change', function(event) {
  // Selected folder's absolute path:
  console.log(event.target.files[0].path);
});