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,可以获取到所指定文件的完整内容.
完整代码如下:
图片上传
参考:链接
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持创新互联。
分享文章:js实现图片上传即时显示效果
URL分享:http://scyanting.com/article/pppcej.html