Question

我试图在上传之前用javascript语言预览图片，所以我从这里得到了这段代码：Preview an image before it is uploaded

＆＃13;

<input type="file" accept="image/*" onchange="loadFile(event)">
<img id="output"/>
<script>
  var loadFile = function(event) {
    var output = document.getElementById('output');
    output.src = URL.createObjectURL(event.target.files[0]);
  };
</script>

＆＃13;

它工作正常，但是当我以纵向格式加载图片时，它会自动旋转并将其设置为横向。我该如何防止这种情况发生？

Answer 1

它不会自动旋转图片。当我测试它时，它会向我显示正确的图像和方向。

您可能遇到了图片的EXIF方向问题，而浏览器并未对此表示尊重。

我建议您在图像编辑软件中打开图像，如Photoshop，确保它是纵向的，并以新名称保存。

再次尝试使用您的脚本，它应该可以正常工作。

如果没有，请尝试使用其他图像（在网络上找到的肖像图像）。

Javascript图像预览始终处于横向模式错误

1 个答案: