在上传前显示图像预览
在上传前显示图像预览
提问于 2016-12-20 01:05:01
我测试这个脚本，看这里。但是我不能工作，因为当选择图像时，只显示代码没有图像。
<script>
jQuery(document).ready(function(e){
jQuery('#file_input').change(function(e) {
//alert("okokok");
/**/
readFile(this.files[0], function(e) {
//manipulate with result...
jQuery('#output_field').text(e.target.result);
});
});
});
function readFile(file, callback){
var reader = new FileReader();
reader.onload = callback
reader.readAsText(file);
}
</script>HTML代码:
id="output_field“class="foo">”
当选择我想要的文件时，只显示编码的单词和数字，而不是图像。我不知道这是怎么发生的，为什么会这样？
回答 1
Stack Overflow用户
发布于 2016-12-20 01:12:47
试试下面的代码：
jQuery(document).ready(function(e){
jQuery('#file_input').change(function(e) {
//alert("okokok");
/**/
readFile(this.files[0], function(e)
{
//manipulate with result...
jQuery('#output_field').src(e.target.result);
});
});
});
function readFile(file, callback){
var reader = new FileReader();
reader.onload = callback
reader.readAsDataURL(file);
}这假设#output_field是图像，否则您应该将其更改为img元素。本文可以提供帮助：http://www.javascripture.com/FileReader
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41233415
复制相关文章
相似问题
腾讯云开发者
