我正在尝试使用以下查询来修改此上传按钮。
HTML:
<input type="file" name="something" id="myfileid" style="display:none;">
我试着用一张图片来代替<input type="file">
“按钮”。
<img src="some/thing/url/here" onclick="$('myfileid').click();">
如您所见,我在这里使用 ajax 将对图像的点击重定向到文件。尽管它似乎在 Safari 等主要浏览器中不起作用。 另一个旁注:我已经将此代码添加到我网站上的许多页面,那么是否有一个简单的解决方案,我只需要添加一些 Javascript?谢谢。
最佳答案
如果不必在 javascript 中解决,您可以通过将图像包装在 label for="myfileid"
中轻松实现,就像这样
<label for="myfileid">
<img src="//ninjaforms.com/wp-content/uploads/edd/2012/10/file-uploads1.png" width="250">
</label>
<input type="file" name="something" id="myfileid" style="display:none;">
关于javascript - 输入类型文件隐藏点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34690054/