zoukankan      html  css  js  c++  java
  • IE下文件上传, SCRIPT5: 拒绝访问 问题

      最近遇到一个比较奇葩的问题,某些ie浏览器在页面中上传文件时,无法上传。查看控制台报错: SCRIPT5: 拒绝访问。 jquery-3.2.1.min.js, 行4 字符5725 。并且我的最新版IE11无此问题,开发者控制台调为IE9,IE10都正常,一时便摸不着头脑,为什么会被限制呢?原因在哪?安全限制问题,难道事设置的问题?于是在网上进行检索,各种说法都有,最准确的应该是“IE浏览器对非主动触发input[type=file]文件上传,进行安全限制,除非用户主动点击这个文件上传的input按钮。”,众所周知,input[type=file]这个文件上传按钮确实太low了,关键是不能自定义它的样式,这就很尴尬,绝大部分开发者都是采取隐藏此丑陋的按钮,使用另外一个比较高大上的按钮,然后间接触发隐藏的原生按钮。

      但是如果你是随便用个input或者button来间接触发文件上传,IE由于安全限制,就会报以上拒绝访问错误。为了,解决这个问题,必须主动触发,采用原生的上传按钮,肯定是可以,但是是不可能用它的,长得那么丑,这辈子都不可能用了(手动滑稽),所以,要主动触发就要借助label的for属性,绑定到对应的input上即可。此时,只需要把label的for属性,指向文件上传input的id,然后再定义好label的样式,即可。示例代码:

    <form id="fileUploadF" method="post" target="formUpFile" class="form form-group text-right" enctype="multipart/form-data">
        <input type="file" id="fileUpIpt" class="fileUpIpt form-inline" accept="*/*" name="files" multiple="multiple" >
        <input type="hidden" name="qblcId" value="${qblcId}">
        <label for="fileUpIpt" class="btn btn-sm btn-default upload-btn">
            上传附件
        </label>                
    </form>

     目测这是最完美的解决方案了。

    海纳百川,有容乃大;壁立千仞,无欲则刚。人要有胸怀方能成大事,不要被欲望所驱使,方能风吹不动浪打不摇。 不积跬步无以至千里,不积小流无以成江海。从事技术工作,要时刻学习积累,即使不能一专多能也应术业有专攻,方能以不变应万变。
  • 相关阅读:
    链表的一些规律总结
    acclib的尝试
    初入指针
    在一个堆成矩阵中的循环判断(井字棋游戏)
    初学c语言的小套路汇总
    在循环中计算式一正一负的处理
    最大公约数的计算方法
    大数加法
    大数乘法
    复制可见区域到新表
  • 原文地址:https://www.cnblogs.com/websharehome/p/9394395.html
Copyright © 2011-2022 走看看