zoukankan      html  css  js  c++  java
  • Ajaxfileupload 在IE9下用按钮触发file上传控件,请求无法触发的问题

    很多系统为了美观,都会在网页中用一个隐藏的按钮触发file上传控件,一般正常的在Chrome和Firefox下没有问题,但是切换到IE9和IE10下请求无法到达后台,这是因为IE9和IE10为了安全考虑,阻止了不是直接点击file的上传。因为这个问题,折腾了一天,参考网上的案例,结合自己的实际情况,终于找到一个比较靠谱的解决方案。

    用一个label标签,label的for属性指向file文本框

    <input type="file" id="uploadfile" name="file" style="display:none;" οnclick="upload();" />

    <label for="uploadfile"></label>

    label的样式可以自己调整

    每次上传时,点击label标签,就可以直接触发file控件。

    我这里因为用的是jquery.ajaxfileupload.js的上传插件,因此在IE下还有一个问题,就是清空file文件框的值时,总是无法清空,导致二次上传时,无法触发文件框的change事件。

    因此用了另外一个清空文件框内容的方法

    var clearFileInput  = function(name) {

            var f = $("input[name='"+name+"']:file");

            f.val("");

            var cf = f.clone();

            f.remove();

            cf.appendTo("body");

    };


    还有一个是在IE9下如果用springmvc的框架,在后台直接输出json的话,前台会直接去下载json文件,解决办法是用HttpServletResponse对象向页面写入数据,并设置数据类型为text/html。

  • 相关阅读:
    Adobe PS
    深入学习二叉树(04)平衡二叉树
    深入学习二叉树(03)二叉查找树
    C 知识点
    实战【docker 镜像制作与使用】
    从0到1了解 CI/CD
    理解Spring 容器、BeanFactory 以及 ApplicationContext
    Java 中 CAS
    volatile 关键字
    JenKins安装
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13317629.html
Copyright © 2011-2022 走看看