js实现图片上传即时显示效果

前言

成都创新互联公司专注为客户提供全方位的互联网综合服务，包含不限于网站制作、成都网站建设、白银区网络推广、微信小程序开发、白银区网络营销、白银区企业策划、白银区品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；成都创新互联公司为所有大学生创业者提供白银区建站搭建服务，24小时服务热线：028-86922220，官方网址：www.cdcxhl.com

h6实训时实现的一个图片上传即时显示的效果，如下图所示

正文

Html代码

 

 头像上传:
 
 

 
 

js脚本代码

window.URL.createObjectURL方法
创建一个新的对象URL,该对象URL可以代表某一个指定的File对象或Blob对象.

语法:

objectURL = window.URL.createObjectURL(blob);
blob参数是一个File对象或者Blob对象.
objectURL是生成的对象URL.通过这个URL,可以获取到所指定文件的完整内容.

完整代码如下:

 
 
 
 
 
 
 


 
 

 

 头像上传:
 
 

 
 
 

参考：链接

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持创新互联。