javascript – 上传后默认旋转图片

2019-10-06 16:35:13 阅读：214 来源： 互联网

标签：javascript jquery css samsung-mobile

我正在尝试拍照并使用Samsung S7将其上传到我的应用程序中.但是上传时图像正在旋转.即使我也从图库中选择图像,它也会在上传时旋转.有什么我们可以从jquery代码修复.请建议.提前致谢

HTML：

<div class="photo-div" id="photo">
                <img id="uploadimage" src="" hidden="">
            </div>

<label id="files-label" for="files" class=" myprofile-btn-bold">Replace Image</label>
<input id="files" style="display:none;" type="file" accept="image/*" onchange="readURL(this);">

jQuery的：

function readURL(input) {

    if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function (e) {
            $('#files-label').html('Replace Image');
            $('.photo-image').removeClass('photo-image');
            $('#uploadimage').attr('src', e.target.result);
            $("#headshot-message").hide();
            $("#headshot-cancel").hide();
            $('#noimage-label').addClass('hidden');
        }

        reader.readAsDataURL(input.files[0]);
    }
}

解决方法:

当您转动手机拍照时,当您拿着手机时,指示灯会在方向上照射到相机传感器上.相机应用程序不会保存在屏幕上看到的图像,但它只是用方向传感器的当前EXIF orientation data标记它们.

此信息由您的图库应用程序解释,以相应地显示图像,但浏览器会忽略它并显示传感器视角拍摄的图片.

转身图片：

您可以根据服务器上的EXIF数据转换并保存图片,使用imagemagick auto-orient：

convert uploadedImage.jpg -auto-orient turnedImage.jpg

或者使用exif-orient Script或jQuery在客户端上使用JavaScript转换它们,如this post中所述.

标签：javascript,jquery,css,samsung-mobile
来源： https://codeday.me/bug/20191006/1861433.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript – 上传后默认旋转图片