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

Question

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

这是小提琴： 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

请改用锚点。 http://jsfiddle.net/cr310msf/1/

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

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