如何使用的FileReader

问题描述：

<div><img /></div> 
<input name="picture[]" type="file" /> 
<div><img /></div> 
<input name="picture[]" type="file" />

预览图片，我有两个或更多的DIV输入对（如上）
但我不知道如何搭配它们来预览自己的图片。

使用JavaScript，请

把你的代码，你的问题 –

的[预览可能重复之前的图像上传]（http://stackoverflow.com/questions/4459379/preview-an-image-before-it-is-uploaded） – Phiter

答

我希望这是对你有好处

var loadFile = function(event) { 
 
    var output = document.getElementById('output'); 
 
    output.src = URL.createObjectURL(event.target.files[0]); 
 
    };

<input type="file" accept="image/*" onchange="loadFile(event)"><br> 
 
<img id="output" src="">

谢谢兄弟。我做过。 –

如何使用的FileReader

相关推荐