php外包、微信开发、app开发尽在蓝普!PHP技术服务商

上传图片实时预览

//图片预览;

var fileInput = document.querySelector(‘input[type=]’),//querySelector()方法返回文档中匹配指定 选择器的一个元素。
previewImg = document.querySelector(‘img’);
fileInput.addEventListener(‘change’, () { //addEventListener() 方法用于向指定元素添加事件句柄。
var file = this.files[0];
var reader = new FileReader(); //每循环一次重新new一个FileReader实例
reader.addEventListener(‘load’, function () {
previewImg.src = reader.result; // 监听reader对象的onload事件,当图片加载完成时,把base64编码賦值给预览图片
}, false);
reader.readAsDataURL(file); // 调用reader.readAsDataURL()方法,把图片转成base64编码格式
}, false);

标签:, ,

转载请注明来源蓝普网络并以链接形式标明本文地址
本文链接: http://www.wbphp.cn/html/y05/15188.html

作者:yanpupu | 日期:2018-05-11 | 分类:新闻中心 | 评论:0 条 | 浏览:2


上一篇:
下一篇:

发表评论

*

* 以便邮件回复


给我汇款 | 合作流程 | 看看我们 | 加入我们 Copyright 2008-2016 php外包与洛阳php培训服务商. Some Rights Reserved. 豫ICP备12025288号-1