如何点击a标签, 弹出input file 上传文件对话框 ？？？

如何点击a标签, 弹出input file 上传文件对话框 ？？？

类似这样

---

html

<div>
    <a href="###">添加图片</a>
    <input type="file" name="image" class="hidden" value="" />
</div>

css

.hidden {
    display: none;
}

jquery

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

---

javascript做不到，需要使用flash或者其他插件silverlight。

---

用js触发的方法在现代浏览器上都因为安全原因被禁用了，兼容性最好，而且应用最广泛的办法是

<a href="#">上传图片</a>
<input type="file" id="upload" name="image" />

将上述html中的上传表单元素的透明度设置为0，然后用它来遮住a标签

#upload {
opacity: 0;
position: absolute;
z-index: 10;
}

然后在css中调整upload的坐标和高宽度，让它恰好遮住链接。