文件上传为图片

Question

我想知道如何将文件上传输入显示为图像。

例如，Facebook和Twitter上传了图像文件的图像图标。

谢谢，

布赖恩

Answer 1

EXAMPLE fiddle

'input'的样式为display:none;，而不仅仅是：

$('#upload_img').click(function(){
    $('#upload').click();
});

Answer 2

最近的浏览器允许您在点击事件期间为click()元素调用另一个元素（如图像）上的<input type="file">。 （如果您不等待点击事件，则可能会收到阻止的弹出警告。）

Answer 3

这是标准的goto HTML-only方法，可以做我认为你要问的事情：

http://www.quirksmode.org/dom/inputfile.html

基本上，您可以在某处浏览图像，并将<input type="file" />与不透明度设置为0重叠。

它适用于与css不透明度过滤器一样古老的浏览器。替代方案包括flash并在输入元素上调用.click()。