我知道已经有一些关于这个的帖子,但有些帖子的答案似乎引起了一些争议,所以我想知道是否有一种“万无一失”的方式来触发文件上传而不使用输入字段。基本上我想要做的 id 有一个带有图标和文本链接的 div,当你点击它时会触发文件上传。就像:
.upload{
padding: 5px 10px 5px 30px;
background: url() center left no-repeat;
}
<div class="upload">(icon) Click here to add a photo</div>
Run Code Online (Sandbox Code Playgroud)
任何帮助或建议将不胜感激,谢谢。
我是前端开发的新手,我正在尝试打开一个文件(.xml文件).我有一个名为File的下拉菜单,结构如下:
文件:
我希望当我按下"打开"选项卡时,会出现文件选择窗口,以便我可以选择该文件.我试着把这样<input type="file">的<a>元素放在里面:
<a href="#" onclick="openFile()"><input type="file">Open<a>
Run Code Online (Sandbox Code Playgroud)
但是它旁边会出现一个巨大的按钮,我不希望它出现,我只想要它的行为.
这是一个小小的小提琴,以显示情景小提琴
我想用“附加图标”替换输入文件的矩形。我尝试将图标的 URL 设置为 InputFile 的“背景图像”,但没有效果。 这仅演示了如何更改 InputFile 的颜色,并不完全是我所需要的。