图片上传到服务器后,如何转换成代码在网站上显示?

图片上传到服务器后,如何转换成代码在网站上显示?,第1张

可以使用html5,要将转换成base64需要使用到一个html5的接口FileReaderreadAsDataURL()接口说明,这个接口可以将文件转换成base64编码格式,并且再以data:URL的形式展现出来
思路
1创建三个html标签,input用来上传,textarea用来显示base64代码,因为base64代码内容很多所以使用textarea标签,p标签用来显示。
2使用js调用html5的FileReaderreadAsDataURL()的API,声明三个变量用于控制上传,base64代码显示以及的显示。
3img_uploadaddEventListener('change',readFile,false);添加一个监听事件,如果上传文件发生变化就执行readFile函数。
4readFile函数的内容就是调用接口,将转换成base64再输出。
5在执行转换和输出之前先判断一下上传文件是不是。

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » 图片上传到服务器后,如何转换成代码在网站上显示?

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情