js+exif实现图片旋转

最新推荐文章于 2024-09-13 21:44:55 发布

wsload

最新推荐文章于 2024-09-13 21:44:55 发布

阅读量1.3k

点赞数 1

本文链接：https://blog.csdn.net/a7840574/article/details/87973286

版权

本文介绍如何利用JavaScript结合Exif信息来解决图片因拍摄方向导致的旋转问题，详细阐述了读取Exif数据和根据旋转元数据进行图片旋转的步骤，帮助开发者正确显示上传图片。

摘要由CSDN通过智能技术生成

<input class="a1" type="file"/>
<img id="b4" height="80px"/>
<img id="b1" height="80px"/>
<img id="b2" height="80px"/>
<img id="b3" height="80px"/>

 window.onload = function () {
        var eleFile = null;
        // 压缩图片需要的一些元素和对象
        var reader = new FileReader(),
                img = new Image();
        // 选择的文件对象
        var file = null;
        // 缩放图片需要的canvas
        var canvas1 = document.createElement('canvas');
        var canvas2 = document.createElement('canvas');
        var canvas3 = document.createElement('canvas');
        var context1 = canvas1.getContext('2d');
        var context2 = canvas2.getContext('2d');
        var context3 = canvas3.getCo