的onclick選擇文件在Chrome

工作我試圖當按鈕用戶點擊，但在鉻工作不只是的onclick選擇文件在Chrome

這裏看，我這是怎麼做的

$("#upllnk").click(function() { 
    $("#ufile").click(); 
});

這裏是選擇文件我的html代碼

<a href="#" class="wb" id="upllnk">Select File To Upload</a> 
<div style='display:none'><input type='file' name='ufile' id='ufile'/></div>

輸入原因：div中的文件是隱藏該元素。

正常工作：http://jsfiddle.net/ZBtwL/1/ – Ivan 2012-07-26 17:35:30

在我的版本的Chrome瀏覽器工作正常。 – 2012-07-26 17:37:47

也在這裏工作在這裏 – Adi 2012-07-26 17:38:43

經過Esailija的有用評論，我下載了谷歌瀏覽器（8.0.552.215）的便攜版，事實上它並沒有奏效。

由於Esailija建議您可以使用opacity解決方法

<div style='opacity:0;'><input type='file' name='ufile' id='ufile'/></div> 
      ^^^^^^^^^ setting the opacity to 0 "hides" the input element

這裏的工作fiddle

2012-07-26 18:03:09 Adi

一個上的文件輸入觸發通過JavaScript點擊觸發安全錯誤（通常是試圖提交表單後）和一般來說不會像你期望的那樣工作。這在IE和早期版本的Chrome和Firefox中非常普遍。

我在過去通過將輸入封裝在標籤中解決了這個問題。這樣，當標籤被點擊時，它將觸發輸入。

.Foo input { visibility: hidden; } 我

<label class="Foo">Select File to Upload<input type="file" /></label>

2012-07-26 19:26:14 Joe

回答