网站建设资讯

NEWS

网站建设资讯

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

前言

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

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

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

正文

Html代码

js脚本代码

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

语法:

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

完整代码如下:




 
 
 
 图片上传
 
 
 


 
 

参考:链接

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


网站名称:js实现图片上传即时显示效果
当前网址:http://cdweb.net/article/pppcej.html