Question

我正在开发一个JSP页面，允许用户上传图像文件。此文件稍后将保存在数据库中，并将用作其配置文件图像。如何在点击href链接时打开文件选择器对话框？

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

Answer 1

试试这个，

<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获取信息

Answer 2

HTML

  <a href="#">
    Your Anchor tag
    </a>


    <input type="file" id="file"  />

Jquery的

$("a").trigger("click");

$(document).on("click", "a", function(){
    $('#file').click();
});

JSFIDDLE DEMO

Answer 3

单击href按钮

尝试打开文件选择器

<html>
<head>
<script>
function openDialog()
{
document.getElementById("file1").click();
}
</script>
</head>
<body>
<input type="file" id="file1" style="display:none">
<a href="#" onclick="openDialog();return;">open Dialog</a>
</body></html>

如何在点击链接时从JSP页面打开文件选择器？

3 个答案:

HTML

Jquery的