javascript - 动态创建文件输入的最佳方法

标签 javascript html

我有一些自定义上传文件选项,例如多个超链接。单击该按钮时,我需要触发隐藏文件输入。比如说,我有 10 个超链接来上传不同的图标。
有两种方法可以做到这一点:
1. 创建 10 个文件输入并隐藏它们,并在单击相应的超链接时手动触发它们。
2. 创建一个通用函数,当用户单击超链接时,在该函数中,使用 javascript 创建一个文件输入并使用 js 触发它。

所以,我的问题是哪一个最好,或者有一种有效的方法来做到这一点。

最佳答案

您可以尝试创建单个input type='file'并限制accepted file types像这样使用 accept 属性

<input type="file" id="profile_pic" name="profile_pic"
          accept=".jpg, .jpeg, .png">

关于javascript - 动态创建文件输入的最佳方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56555801/

相关文章:

javascript - 如何解析 aws api 日期字符串?

javascript - 异步加载Google网络字体脚本链接

html - 仅li子弹颜色

javascript - Rails 4.1.8 link_to 删除,未应用 JavaScript

html - 如何在 NextJs 文档上动态设置 HTML lang 属性?

javascript - 从节点 jstree 返回路径

javascript - 在 Sails.js 中删除之前确认

javascript - 返回 XML 节点值

javascript - 显示和隐藏图片js

javascript - 如何使用 jQuery 更改属性元素的 css?