Question

我使用下面的java脚本代码来预览在Firefox中工作的jsp页面中的所选图像，即11但是在ie9中不起作用是否有任何替代方法使其在ie9中工作

  <script type="text/javascript">

    function PreviewImage() {
        var oFReader = new FileReader();

to check jpg file start
        var fileInput = document.getElementById("imageId").files[0];
        if (fileInput.type.match('image/jpeg')) 
            
        {
       
        }else{document.getElementById("imageId").value='';
        alert("Please Select a Image File.");
        return false;
        }

to check jpg file end
       
        oFReader.readAsDataURL(document.getElementById("imageId").files[0]);

        oFReader.onload = function (oFREvent) {
            document.getElementById("upImgId").src = oFREvent.target.result;
        };
    };

</script>

<s:file name="hr_Family_Information_Bean.image" id="imageId" label="Image" required="true" onchange="PreviewImage();"/>


				
							<img class='imagem_artigo' id="upImgId" src="data:image/png;base64,${hr_Family_Information_Bean.imageEncodeData}" alt="Image Not Found" height="220" width="165" title="${hr_Family_Information_Bean.memberName}">

Answer 1

您正在使用ie9不支持的文件阅读器请看看： http://caniuse.com/#feat=filereader

你应该使用一些polyfill（也适用于IE9）这是一个列表请使用最适合你的那个。

https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browser-Polyfills#file-api

javascript在jsp页面中显示所选图像

1 个答案: