javascript - 如何删除图像按钮周围的输入字段？

Question

我制作了一个触发弹出式上传窗口的可点击图像按钮，但我似乎无法从图像周围删除按钮的输入字段。如果您对如何解决此问题有任何想法，请指出正确的方向。谢谢!

这是 fiddle : http://jsfiddle.net/cr310msf/

HTML:

<button class="uploadshare"><img src=""></button>
<input type="file" />

CSS:

<input[type='file']{
width: 0; }

JS:

$('.uploadshare').on('click', function(){
$('input[type=file]').trigger('click');
});

Answer 1

改用 anchor 。 http://jsfiddle.net/cr310msf/1/

<a href="#" class="uploadshare"><img src=""></a>

$('.uploadshare').on('click', function(e){
     e.preventDefault();
     $('input[type=file]').trigger('click');
});