javascript - 关于js图片上传问题

问题描述

问 题

代码如下

<input id='inputFile' type="file">
<img id='showa' src="img/userpic_moren.png" alt="">
<img id='showb' src="img/userpic_moren.png" alt="">
$('#inputFile').on('change', function(){
    var a = $('#inputFile')[0].value,
    b =  window.URL.createObjectURL($('#inputFile')[0].files.item(0))；
    $('#showa').attr('src', a);
    $('#showb').attr('src', b);
})

我想问一下 a和b的区别在哪？

解决方案

按照这篇文章的说法
http://www.cnblogs.com/saysmy...

1. filereader 和 URL.createObjectURL 两种方式都可以实现图片预览
2. creatObjectURL可能会有更好的性能，或许是浏览器自带接口的原因, 可以处理的更快。
3. filereader在某些浏览器下,获取的内容会缺少图片格式,但是createObjectURL得到的是一个http格式的文件，即使input file的文件类型不存在也不会编码失败。
   想要实现图片预览,使用creatObjectURL的方式,兼容性比较好

这篇关于javascript - 关于js图片上传问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！