Question

我正在开发移动应用程序，我正在尝试将图像作为按钮：我有一个图像，我想点击它，然后当我点击移动图库打开以便我可以上传照片。

请帮忙吗？

Answer 1

我想，你想在图像按钮上打开文件上传器点击！对？如果是这样，您可以使用纯javascript / jQuery，如下所示：

<强> HTML：

<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，将其附加到文档的头部：

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

也包含以下代码。

<强> JQuery的：

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

或 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

画廊打开的Onclick图像

2 个答案: