实时展示用户上传的头像

实时展示用户上传的头像

总体思路

创新互联建站主要从事成都网站设计、成都网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务宝山,十年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220

"""
1.首先需要给对应的上传头像input框绑定一个文本域变化事件
(当检测到用户对该文件框上传了头像就会触发一系列操作)

2.再生成一个文件阅读器对象

3.再获取用户上传的文件头像

4.把用户上传的文件头像交给文件阅读器对象FileReader读取

5.利用文件阅读器把读取的文件头像结果展示到前端页面
(修改img的src属性,属性结果为文件阅读器的结果)

"""
# 注意:第4步的操作是异步和IO操作,异步就是不等待结果返回进行往下执行,
IO操作就是需要进行读写;所有第5步直接执行不会得到任何结果!!!

正确的操作是给第4步加上预加载(等待第4步加载完毕再执行第5步!!)

代码实现


本文名称:实时展示用户上传的头像
网址分享:http://bzwzjz.com/article/dsogsgd.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都企业网站设计 商城网站建设 成都网站设计 网站制作 攀枝花网站设计 品牌网站建设 成都网站制作 成都网站制作 成都企业网站制作 企业手机网站建设 营销网站建设 企业网站设计 企业网站设计 成都网站建设 定制网站设计 重庆网站建设 成都网站建设 移动手机网站制作 成都网站制作 网站建设方案 网站建设方案 网站建设方案