zoukankan      html  css  js  c++  java
  • 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;" />
  • 相关阅读:
    WML1.1[zt]
    Collections sort() 合并排序
    PowerBuliderconnect the oracle database
    window.location.reload;刷新
    PowerBuliderWorking with validation rules
    PowerBulider create database
    Jstl Core标签
    页面验证
    El表达式详解
    servlet的生命周期
  • 原文地址:https://www.cnblogs.com/zhouxiaoyun/p/8031176.html
Copyright © 2011-2022 走看看