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