兼容IE9 form表單實(shí)現(xiàn)文件上傳

因項(xiàng)目需要,客戶指定使用IE9進(jìn)行訪問,所以,這里先講一下,如何使用IE9進(jìn)行\color{#FF0000}{\rm\small{表單}} 提交文件。

傳送門

form表單實(shí)現(xiàn)文件上傳的三種方式(適用于IE9)
Vue在IE9中兼容上傳 關(guān)于X-Frame-Options頭
IE瀏覽器加載不出來,按下F12就回復(fù)正常

注意: \color{#FF0000}{\rm\small{ie9不支持FormData}} ?。?!
form表單代碼(提交文件一定要有 \color{#FF0000}{\rm\small{enctype="multipart/form-data" ,method="post"}} 這兩個(gè)屬性):
<form id="fileForm"  enctype="multipart/form-data" method="post">
        <div>文件:<input class="easyui-filebox" name="file" id="file" 
                 data-options="buttonText:'選擇',prompt:'請選擇上傳文件'" style="width:80%" > 
        </div>
</form>
   <div>
     <a href="javascript:void(0)" class="easyui-linkbutton" style="width:100%" 
      onclick="uploadFile()">確定</a>
  </div>
方法一: 使用submit(), \color{#FF0000}{\rm\small{適用于ie9}}
function uploadFile(){
     var filePath = $("#file").filebox('getValue');
     if(null == filePath || filePath == ''){
            $.messager.alert('系統(tǒng)提示:',"請選擇上傳的文件","warning");
            return false;
     }else{
        var url ="<%=basePath%>test/upload.do"; //后臺處理路徑
         $("#fileForm").attr('action',url); 
         $("#fileForm").submit();         
         }
       }
方法二: 使用 ajaxSubmit方法, \color{#FF0000}{\rm\small{適用于ie11、谷歌等瀏覽 }}
function uploadFile(){
            var actionUrl= "";//后臺方法
            $("#fileForm").attr('action',actionUrl);   
             //關(guān)閉上傳文件 界面
             $('#fileWindow').window('close');
             //顯示進(jìn)度條
             $.messager.progress({
                    title:'上傳文件',
                    text:'正在上傳,請稍后....'
              }) ;
             var options = {
                type: 'post',
                //loading:true,
                dataType: 'json', 
                success:function(data){
                    //處理回調(diào)函數(shù)
                },
                error:function(data){
                    alert('系統(tǒng)提示:','附件上傳失敗!');
                },
                complete: function(){
                }
            };
            $("#fileForm").ajaxSubmit(options);
        }
方法三: 使用ajax
function uploadFile(){
           var formData = new FormData($('#fileForm')[0]);//獲取表單中的文件
           $.ajax({
               url:"upload",//后臺的接口地址
               type:"post",//post請求方式
               data:formData,//參數(shù)
               cache: false,
               processData: false,
               contentType: false,
               success:function (data) {
                   //處理返回參數(shù)
               },error:function () {
                   alert("操作失敗~");
               }
 
           })
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容