Question

enter image description here 嗨我试图在使用<Input>上传之前预览图片，但在FileReader（）上给出了错误。我认为IE10支持它？

function PreviewImage() {
    var oFReader = new FileReader();
    oFReader.readAsDataURL(document.getElementById("uploadImage").files[0]);

    oFReader.onload = function (oFREvent) {
        document.getElementById("uploadPreview").src = oFREvent.target.result;
    };
};

Answer 1

尝试将其作为标题中的第一个标记：

    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

谨防内容=“IE = 9”等标签。

Answer 2

我发现一些代码可以在上传之前预览图像。我认为这会改善你的代码

<html>
<head>
<script>
  var openFile = function(event) {
    var input = event.target;
    var reader = new FileReader();
    reader.onload = function(){
      var dataURL = reader.result;
      var output = document.getElementById('output');
      output.src = dataURL;
    };
    reader.readAsDataURL(input.files[0]);
  };

</script>
</head>
<body>
<input type='file' accept='image/*' onchange='openFile(event)'><br>
<img id='output'>
</body>
</html>

您可以看到more example here

line：654错误：＆＃39; FileReader＆＃39;是未定义的Internet Explorer 10

2 个答案: