首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >上传图片jquery前预览图片

问上传图片jquery前预览图片
EN

Stack Overflow用户
提问于 2013-02-07 16:56:11
回答 1查看 2.2K关注 0票数 1

有没有办法在IE中实现fileReader()?我找了很多,但没有找到任何解决方案。这是我的代码,我正在尝试实现它。它在火狐和chrome中运行良好,但在IE8和IE9中却无法正常工作。

代码语言:javascript
复制
<!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>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-02-20 10:57:35

是的我只有一个解决方案。IE9不支持文件阅读器,所以我们可以禁用rest浏览器的文件阅读器的图像预览,它会工作得很好。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14747116

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档