• uploadPreview 上传图片前预览 IE9 索引无效的问题


    最近公司的项目用到比较多的上传图片的操作,所以用到了基于jquery的上传前预览的插件 uploadPreview ,后来测试的时候发现在IE9下报索引无效的问题。

    异常的产生方式 放一个file控件,然后隐藏,用按钮的事件替代file的change事件,代码如下

     <div class="portrait" id="portrait">
                    <img src="../../content/images/face.png" id="preImage" />
                </div>
                <input type="file" id="file" name="file" style="display:none">
                <button class="stystem-xztp" type="button"></button>

    js:

     $('.stystem-xztp').on('click', function () {
                    $('#file').click();
                });
    
    new uploadPreview({ UpBtn: "file", DivShow: "portrait", ImgShow: "preImage", callback: $.noop });

    产生原因,页面上隐藏后, uploadPreview插件内部找不到元素,所以报索引无效,我的解决方式是将file改为显示,即去掉隐藏属性,只是不让它在可视区域展示 如:

    <input type="file" id="file" name="file" style="position: absolute;top:-2000px;" />
  • 相关阅读:
    botzone Tetris2
    NOIP2017游记
    城乡联谊胡策会糊厕R3
    SRM 20
    AtCoder Regular Contest 082
    AtCoder Grand Contest 019
    复数模版
    SRM13
    NOI2017&&codeM2017游记
    java多线程编程
  • 原文地址:https://www.cnblogs.com/zhouxiaoyun/p/8031176.html
Copyright © 2020-2023  润新知