原生input file上传图片功能

上传图片功能,这个功能目前已经很普遍了,几乎每一个业务里都有这个功能,me做了一个基于原生+jquery上传图片功能(并且拓展了缩略图、预览、删除等功能),以此现在做一个笔记以便以后使用,Hope to help you.

废话不多说直接上代码

一、html代码块

二、css代码

    

三、js代码块



四、效果图


dome.png

五、其他

本文章主要是围绕FileReader 对象实现获取本地图片并进行转换成64Base编码格式,并实现上传图片功能;

分享一下有关FileReader对象讲解链接:https://www.jianshu.com/p/42fd93f08554!

你可能感兴趣的:(原生input file上传图片功能)