javascript - js前端菜鸟,想问下如何在上传前根据Exif信息,对图片进行旋转,然后用修正的base64编码替换源文件上传到七牛云
阿神
阿神 2017-04-11 12:01:53
[JavaScript讨论组]

ios拍摄的照片会自带旋转角度,上传后到七牛云不能正常显示,下载到安卓等设备也不能正常显示。想在图片上传前对图片进行修正,但是不知道如何用修正后的base64编码替换源文件上传,求助,万分感谢。

阿神
阿神

闭关修行中......

全部回复(2)
巴扎黑

上传图片的时候如果需要用到exif信息的,那就什么都不处理直接上传。在用到这些图片的地方,在图片后缀加上?imageView2/0/w/750/h/400类似这样的设置(详见七牛图片处理),七牛会把exif信息自动去掉,IOS下拍摄旋转角度的信息也就去掉了。(如果其他地方用这些到图片,并且需要exif信息,那就只做翻转处理或者配合后台在图片上传时存储信息)

或者
直接配置 new QiniuJsSDK().uploader.resize中的preserve_headers:false, exif信息会在图片上传时就去掉

大家讲道理

之前用过一个库叫localResizeIMG,会自动处理EXIF的方向转换。另外还有篇文章,不过写的是阿里云的OSS上传(传送门),你参考吧。

还有就是建议直接传二进制文件,base64可以仅作为本地预览用,上传的话比二进制文件还要大,没必要。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号