Javascript 输入类型文件隐藏单击

我正在尝试使用以下查询来修改此上载按钮

HTML:

我试图用图像替换

“按钮”

如您所见，这里我使用ajax将点击图像重定向到文件。虽然在Safari这样的主流浏览器中似乎不起作用。 另一个旁注：我已经在我的网站上的许多页面上添加了这段代码，所以有没有一个简单的解决方案，我只需要添加一些Javascript？谢谢。

<img src="some/thing/url/here" onclick="$('#myfileid').trigger('click'); return true;">

试试这个：

$('#myfileid').click(function () {
    window.location="some/thing/url/here";
}

---

如果不需要用javascript解决，可以通过将图像包装在

标签for=“myfileid”

中轻松实现，如下所示

适用于我的mac电脑，但不确定如何适用于windows safari和其他旧浏览器提供链接。所以我可以在Ubuntu中查看它。它在本地环境中，在live上受会话保护。。。。我应该在codepen上测试吗？是的，否则就生成JSFIDLE。让我们来看看。它必须是javascript吗？看起来正确答案取决于JQuery

<img src="some/thing/url/here" onclick="$('#myfileid').trigger('click'); return true;">

$('#myfileid').click(function () {
    window.location="some/thing/url/here";
}