輸入類型文件隱藏單擊

我正在嘗試使用以下查詢來修改此上載按鈕。輸入類型文件隱藏單擊

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

輸入類型文件隱藏單擊

回答

相關問題