在这里,我一上传就被困在显示上传图片的预览中。我所做的就是获取图像上传按钮:
<div class="form-group">
<label for="recipientName">Image Upload</label>
<input type="file" name="file"/>
</div>
在此之后,我不熟悉如何进行。
var reader = new FileReader();
reader.onload = function(r_event) {
document.getElementById('prev').setAttribute('src', r_event.target.result);
}
document.getElementsByName('file')[0].addEventListener('change', function(event) {
reader.readAsDataURL(this.files[0]);
});
<input type="file" name="file" />
<img src="" id="prev" />
请阅读FileReader并注意浏览器兼容性。
查看此主题 ->在上传之前预览图像
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句