兼容IE8的file单文件上传（jquery.form+formdata）

最新推荐文章于 2021-08-06 16:41:45 发布

原创

最新推荐文章于 2021-08-06 16:41:45 发布 · 3.9k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#兼容IE8的单文件上传

本文详细介绍了如何在IE8环境下实现单文件上传，重点在于解决IE8下后台返回JSON时出现的下载弹框问题。通过设置响应头为'text/html'，并结合HTML、CSS和JavaScript（特别是对于IE10以上使用formData，IE8以下使用jquery.form.js）来实现兼容性处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述文章链接：https://blog.youkuaiyun.com/spw55381155/article/details/79891297
IE8后台返回json串会弹框要下载，所以要将响应头设置成‘text/html’.

一、HTML

        <form class="uploadForm" action="XXX" method="post" enctype="multipart/form-data">
            <input type="hidden" name="_method" value="post">
            <input type="hidden" name="_token" value="{
  
  { csrf_token() }}">    //防止表单重复提交，看需求
            <input type="file" name="file"  class="file hidden-single-file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel">              //高版本只选择.xls或.xlsx
            <input type="button" id="formsubmit" value="上传文件" class="btn-upload-single">
            <input type="submit" value="提交" class="btn-sigleFile-upload">
            <div class="singleErrorTips"></div>