输入类型文件隐藏单击

我正在尝试使用以下查询来修改此上载按钮。输入类型文件隐藏单击

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？谢谢。

来源

2016-01-09 sonam Sharma

它必须是JavaScript吗？ –

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

来源

2016-01-09 05:36:16

你确定这是浏览器友好的... –

你试过吗？ –

在我的Mac中工作，但不知道如何在Windows Safari浏览器和其他旧浏览器上工作 –

试试这个：

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

来源

2016-01-09 05:38:30 OneStig

id是动态的.... –

如果它没有在JavaScript中要解决，你可以很容易地做到这一点通过label for="myfileid"内包装的形象，就这样

JS Fiddle

<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;">

来源

2016-01-09 05:47:33

输入类型文件隐藏单击

回答

相关问题