Question

我正在上传文件上传控件中的图像更改事件然后图像自动旋转看到我的asp.net mvc c＃中的预览标签但是我上传现有的图片上传它很好但是我点击iPhone中的图像然后图像上传时间图像旋转。以下代码用于预览图像。

这是我的文件上传控件

 <img id="PreviewImage" class="mb20" width="300" src="../@Url.Content(@Url.Content(Model.ProfileImage))" />                                        
  @Html.TextBoxFor(model => model.UserFileUpload, new { type = "file", onchange = "ShowVehicleImagePreview(this)" })

这是我的功能

function ShowVehicleImagePreview(input) {
    if (input.files && input.files[0]) {
        var readervehicle = new FileReader();
        readervehicle.onload = function (e) {
            $('#PreviewImage').prop('src', e.target.result).width(300);
        };
        readervehicle.readAsDataURL(input.files[0]);
    }
}

有人对这个问题有所了解吗？

Answer 1

也许它自己的图像文件有orientation元数据，iPhone正确旋转显示给你，因为它正在纠正图像，也许这个答案可以帮助：
How to rotate JPEG images based on the orientation metadata?

图像上传然后自动图像在预览图像标签中旋转？

1 个答案: