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>

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

转载于:https://www.cnblogs.com/websharehome/p/9394395.html