让input:file在一个图片范围内跟随鼠标

Question

求助：
让 input:file 在一个图片范围内跟随鼠标，就是把 input 设为透明的，当在这个图片范围内点击，其实是点击 input

js 或 jquery 能实现吗？

Answer 1

css就可以啊。。

<div style="position:relative">
    <img src="xxx" />
    <input style="position:absolute;left:0;top:0;width:100%;height:100%;border:0;background-color:transparent" />
</div>

略微有点儿看错 LZ说的是file，点击图片的时候出发input:file的点击事件不就行了？

$('img').click(function(){
    $('#input_file').trigger('click');
});