的點擊我得從圖像按鈕，點擊上傳新文件的任務。 我的代碼是如何上傳一個新的文件圖像按鈕
<label>File</lable>
<input type="image" src="http://upload.wikimedia.org/wikipedia/commons/c/ca/Button-Lightblue.svg" width="30px"/>
這個按鈕我想上傳一個新file.How我能做到這一點的點擊？ 您可以從 Demo
檢查我的代碼，你可以添加一個隱藏的文件輸入字段，如：
<input type="image" src="http://upload.wikimedia.org/wikipedia/commons/c/ca/Button-Lightblue.svg" width="30px"/>
<input type="file" id="my_file" style="display: none;" />
，做：
$("input[type='image']").click(function() {
$("input[id='my_file']").click();
});
演示:: Updated Fiddle
@ Sudhir-如何在HTML – Niths 2013-04-25 10:47:07
@DemoUser中打印名稱，這對我不起作用（javascript）。沒有行動發生 – 2015-06-10 09:44:20
以及它適用於我的罰款，你有任何JS錯誤..？ – 2015-06-10 10:20:17
如果你正在尋找一個跨瀏覽器兼容的解決方案，你應該檢查出plupload（http://www.plupload.com）它支持圖像按鈕以及我所記得的。
您使用了錯誤的輸入，使用文件，而不是，如果你想按鈕魔神像在你的代碼演示了一圈，你將需要使用CSS方式的轉變，「提交」的模樣。這有可能是這樣的形式：
<form action="upload_file.php" method="post" enctype="multipart/form-data">
<input type="file" name="myfile"/>
<input type="submit" class="circle-btn"/>
<form>
你在服務器端使用的是什麼語言（PHP，ASP.NET等），但你需要創建一個頁面（xample我不知道「upload_file.php」for php）。你可以很容易地找到有關如何創建一個這樣的頁面在谷歌的例子，只要複製pasete代碼：
在PHP的一個例子：http://www.w3schools.com/php/php_file_upload.asp
希望它能幫助:)
補充資料DemoUser的回答，添加.focus（）適用於我。
$("input[type='image']").click(function() {
$("input[id='my_file']").focus().click();
});
沒有必要對JavaScript只是把<input>和<img>內<label>確保你隱藏<input>像這樣：
<label for="image">
<input type="file" name="image" id="image" style="display:none;"/>
<img src="IMAGE URL"/>
</label>
你結束標籤標記的拼寫錯誤。要上傳圖片，你確實需要'文件'輸入類型。關於樣式等的信息：http：// stackoverflow。com/questions/4909228/style-input-type-file – 2013-04-25 08:49:53