javascript - 如何实现 web 端的头像上传
本文介绍了javascript - 如何实现 web 端的头像上传的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
从用户上传文件开始,到最后存储缩略图,整个头像的剪切、上传流程是怎样的?请以你习惯使用的语言和库为例子。
解决方案
如果不考虑兼容 IE
可以用 FileReader API
读取文件 获得文件的 Base-64
值img
标签 可以直接用 Base64
展示图片
之后可以用一些插件剪裁图片后上传服务器保存
FileReader API 参考文档:
https://developer.mozilla.org...jQuery 剪裁图片插件(支持移动端):
http://www.jq22.com/jquery-in...
这篇关于javascript - 如何实现 web 端的头像上传的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文