Onclick圖像畫廊打開

Question

我正在開發一個移動應用程序，我正在嘗試製作一個圖像作爲按鈕：我有一個圖像，我想點擊它，然後當我點擊移動圖庫時，可以上傳照片。

請幫忙嗎？

Answer 1

我想，你想打開文件上載器上的圖像按鈕點擊！對？ 如果是這樣，你可以使用純JavaScript/jQuery的如下：

HTML：在

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 

總結如下代碼：

<div id="profilepic"> 
    <input id="fileSelector" type="file" name="file" accept="image/*" capture="camera" /> 
    <button id="clickButton" onClick="openFileUpload();"><img src="Images/profilepic.png" width="170" height="170"/></button> 
</div> 

jQuery的附加給你的文檔的頭也是。

JQuery的：

$(document).ready(function(){ 
    $('#clickButton').on('click', function(){ 
     $('#fileSelector').click(); 
    }); 
}); 

OR 的Javascript：

function openFileUpload(){ 
    document.getElementById('fileSelector').click(); 
} 

http://jsfiddle.net/mas5qr1o/1/

觀看演示在這裏：
jQuery DEMO
Javascript DEMO

Answer 2

請嘗試以下jquery

$('#clickButton').on('click', function(){ 
    $('#fileSelector').trigger('click'); 
}); 

DEMO