使用文本链接而不是输入上传文件

Question

我知道有一些关于这个的帖子已经有了，但有些人的答案似乎引起了一些争议，所以我想知道是否有一种“万无一失”的方式来触发文件上传而不使用输入字段。基本上我想做的就是拥有一个带有Icon＆amp;的div。单击时触发文件上载的文本链接。有点像：

.upload{
padding: 5px 10px 5px 30px;
background: url() center left no-repeat;
}
<div class="upload">(icon) Click here to add a photo</div>

非常感谢任何帮助或建议，谢谢。

Answer 1

添加到您的HTML：

<input id="article_file_input" type="file" name="article_picture" style="display: none;">

并制作锚：

<a onclick="$('input[id=article_file_input]').click();">Click here to add files</a>