隐藏<input type="file"> 实现点击div或图片打开文件选择路径

HTML：

　　<input type="file" style="display:none" id="addfile-btn">

　　<div onclick="addfile()">点击上传图片</div>

JS:

　　<script>

　　　function addfile() {

　　　　document.getElementById("addfile-btn").click();

　　　}

　　</scrip>

如果一个页面需要多个这种事件的话，显然用ID是不太好的，那么就可以通过jQuery的prev来实现同级class查找，以此实现上传控件的调用。

HTML：

<input type="file" style="display:none" class="addfile-btn">

<div class="upload">点击上传图片1</div>

<div class="upload">点击上传图片2</div>

JS:

<script>

$(".upload").bind('click', function() {

$(this).prev(".addfile-btn").click();

});

</script>