vue2实现移动端上传、预览、压缩图片解决拍照旋转问题

前端之家收集整理的这篇文章主要介绍了vue2实现移动端上传、预览、压缩图片解决拍照旋转问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

因为最近遇到个移动端上传头像的需求,上传后台的数据是base64位,其中为了提高用户体验,把比较大的图片用canvas进行压缩之后再进行上传。在移动端调用拍照功能时,会发生图片旋转,为了解决这个问题引入了exif去判断拍照时的信息再去处理图片,这是个很好的插件。关于exif.js可以去他的GitHub上了解,这边直接 npm install exif-js --save 安装,然后import一下就可以使用了。以下就是源码,可以直接使用。

以上所述是小编给大家介绍的vue2实现移动端上传、预览、压缩图片解决拍照旋转问题。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

猜你在找的Vue相关文章