上传图片jquery之前的图片预览

时间:2013-02-07 08:56:11

标签: jquery html

有没有办法在IE中实现fileReader()。我搜索了很多,但没有找到任何解决方案。这是我的代码,我试图实现它。它在firefox和chrome中运行良好但在IE8和IE9中它不是workink。

<!DOCTYPE html>
<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
        <script>
        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();

                reader.onload = function (e) {
                    $('#img_prev')
                        .attr('src', e.target.result)
                        .width(150)
                        .height(200);
                };

                reader.readAsDataURL(input.files[0]);
            }
        }
        </script>

        <meta charset=utf-8 />
        <title>JS Bin</title>
        <!--[if IE]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <style>
        article, aside, figure, footer, header, hgroup,
        menu, nav, section { display: block; }
        </style>
    </head>
    <body>
        <input type='file' onchange="readURL(this);" />
        <img id="img_prev" src="#" alt="your image" />
    </body>
</html>

1 个答案:

答案 0 :(得分:0)

是的,我只有一个解决方案。 IE 9不支持文件阅读器,因此我们可以禁用文件阅读器的图像预览,以便其他浏览器完美运行。