input file如何实现选择文件夹

2025-11-16 13:51:50

1、打开Sublime text3编辑器,这里创建一个HTML文档。

input file如何实现选择文件夹

input file如何实现选择文件夹

input file如何实现选择文件夹

2、首先必须创建form和input标签。

input file如何实现选择文件夹

input file如何实现选择文件夹

3、input里面的type需要输入file

这个时候就有提供选择的按钮。

我们点击浏览,就可以选择文件。

input file如何实现选择文件夹

input file如何实现选择文件夹

input file如何实现选择文件夹

4、我们添加一下文件提示用户。

input file如何实现选择文件夹

input file如何实现选择文件夹

5、接下来我们输入id和name的信息。

input file如何实现选择文件夹

6、如果要改为选取文件夹,那么需要添加webkitdirectory multiple

记得要把提示文字改为文件夹。

input file如何实现选择文件夹

7、这个时候点击按钮,选中文件夹的时候就有上传按钮的显示,而不是打开

input file如何实现选择文件夹

input file如何实现选择文件夹

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢