Onclick图像画廊打开
我想,你想打开文件上载器上的图像按钮点击!对? 如果是这样,你可以使用纯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
请问我在哪里写jQuery代码? – eln 2014-12-02 13:48:13
你需要在$(document).ready(function(){上面的代码在这里})包装上面的代码;在脚本标记中。 – 2014-12-02 14:02:47
此外,您需要下载jQuery库或将其CDN链接到文档头部。 – 2014-12-02 14:04:52
您可以显示,你尝试过这么远吗? – 2014-12-02 13:24:38