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);
});

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

2 个答案: