javascript - 如何通过单击链接从 JSP 页面打开文件选择器?

标签 javascript html jsp

我正在开发一个允许用户上传图像文件的 JSP 页面。该文件稍后将保存在数据库中,并将用作他们的个人资料图像。如何通过单击 href 链接打开文件选择器对话框?

我知道 <input type = "file" />解决方案,但这不是页面设计的一部分,我必须仅从 href 打开文件选择器。

最佳答案

试试这个,

<input type="file" id="upload" name="upload" style="visibility: hidden; width: 1px; height: 1px" multiple />
<a href="" onclick="document.getElementById('upload').click(); return false">Upload File</a>

查看工作 FIDDLE

也可以使用CSS效果来完成,

Read this link获取信息

关于javascript - 如何通过单击链接从 JSP 页面打开文件选择器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25174808/

相关文章:

javascript - 等到嵌套的 promise 解决

html - Safari 中带有圆环或 strip 的 CSS 渐变

javascript - 计算通过 JS 选中并显示在页面上的复选框总数

javascript - 打开某些 div 时禁用文档背景

javax/servlet/jsp/tagext/TagLibraryValidator - 运行 Web 项目

java - JSP/Java 中的 ASP.NET Page.ispostback 等效项

Javascript : How to avoid addition of a new property in a function?

javascript - 如何更改 "progress[value]::-webkit-progress-value"属性的颜色?

javascript - 音频文件无法在reactjs中播放

java - 如何避免我们的用户没有多选项卡?