''使用这个之后,怎么把选择的图片放到网页上?
在浏览器上面能显示刚刚上传的图片
可以使用html5的fileReader 接口,大致代码如下:
function read(){
var fs=document.getElementById('file').files[0];
if(fs){
var reader=new new FileReader();
reader.readAsDataURL(fs);
function li(str){
var obj=document.createElement('li');
obj.innerHTML=str;
document.body.appendChild(obj);
}
reader.onloadstart=function(){
li('开始读取')
}
reader.onprogress=function(){
li('正在读取.....')
}
reader.onload=function(e){
var img=document.createElement('img');
img.src=this.result;
document.body.appendChild(img);
}
reader.onabort=function(){
li('读取中断!!')
}
reader.onerror=function(){
li('读取出现错误!!')
}
reader.onloadend=function(){
li('FileReader读取步骤执行完毕')
}
}
}
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。