首页
/
每日頭條
/
科技
/
表單上傳文件如何不跳轉
表單上傳文件如何不跳轉
更新时间:2026-01-09 10:06:07

上傳文件的時候,在IE7下總是傳不了,但FireFox,IE11和Chrome下則可以上傳。發現是form.submit();時出錯了(“拒絕訪問”)。

html代碼為:

<label onclick="Upload()"> 上傳附件</label> <form id="uploadForm" enctype="multipart/form-data" target="framefile" method="post"> <input type="file" id="a" name="a" onchange="fileUpload()" style="display:none" /> </form>

js代碼為

function Upload() { document.getElementById("a").click(); } function fileUpload() { var form = document.getElementById('uploadForm'); form.action="XXX.do?"; form.submit(); }

原來是因為IE下 file表單控件,不能用js控制打開文件選擇器(就是隻能點擊file本身,不能通過js調用file.click方式),否則會報 “拒絕訪問”。所以,通過将file設置為透明(position:absolute;top:0px;right:0px;cursor:pointer; opacity:0;filter:alpha(opacity:0);z-index:999;),用div或者其他的标簽蓋住file,這樣點擊顯示的div時同樣也真實的點擊了file。

代碼做一下調整,這個問題就能解決了

<label for="a"> 上傳附件 </label> <form id="uploadForm" enctype="multipart/form-data" target="frameFile" method="post"> <input type="file" id="a" name="a" onchange="fileUpload()" style="position:absolute;top:0px;right:0px;cursor:pointer; opacity:0;filter:alpha(opacity:0);z-index:999;"/> </form>

function fileUpload() { var form = document.getElementById('uploadForm'); form.action="XXX.do?"; form.submit(); }

表單上傳文件如何不跳轉(上傳文件時用form.submit提交的時候在IE中報拒絕訪問的錯誤)1

表單上傳文件如何不跳轉(上傳文件時用form.submit提交的時候在IE中報拒絕訪問的錯誤)2

,
Comments
Welcome to tft每日頭條 comments! Please keep conversations courteous and on-topic. To fosterproductive and respectful conversations, you may see comments from our Community Managers.
Sign up to post
Sort by
Show More Comments
推荐阅读
vivo手機耗電快怎麼辦
vivo手機耗電快怎麼辦
vivo手機耗電快,可以參考以下方法延長手機電池使用:1、及時關閉耗電服務:WiFi不關,掉電如流水...
2026-01-09
汽車上标GDL是什麼意思
汽車上标GDL是什麼意思
1、汽車上标GDL的意思是缸内噴注汽油發動機-GDL發動機,GDI是GasolineDirect-Injection,汽油直接噴射的意思。2、GDL發動機與一般汽油發動機的主要區别在于汽油噴射的位置,目前一般汽油發動機上所用的汽油電控噴射系統,是将汽油噴入進氣歧管或進氣管上,與空氣混合成混合氣後再通過進氣門進入氣缸燃燒室内被點燃作功。3、而GDL缸内噴注式汽油發動機顧名思義是在氣缸内噴注汽油,它将
2026-01-09
兩個qq号可以綁定一個手機嗎
兩個qq号可以綁定一個手機嗎
演示機型:Iphone12&&華為P40&&小米11系統版本:iOS14.4&&EMUI11&&MIUI12.0.7APP版本:qq8.8.0兩個qq号可以綁定一個手機。同一個密保手機在半年内最多可以累計綁定5個QQ賬号。如半年内綁定過ABCDE五個賬号,解綁A号碼後,不能再綁定F号碼,但可以重新綁定A号碼。qq的功能:騰訊QQ支持在線聊天、視頻聊天以及語音聊天、點對點斷點續傳文件、共享文件、網絡
2026-01-09
手機後台程序怎麼關閉
手機後台程序怎麼關閉
1、進入手機主界面,選擇【設置】。2、進入設置界面,選擇【應用管理】。3、在應用界面中,選擇【已安裝...
2026-01-09
硬盤安裝系統教程
硬盤安裝系統教程
1、步驟:硬盤安裝之前的準備:下載好操作系統并解壓到硬盤的根目錄(例如D盤,其他盤也是一樣的),下載...
2026-01-09
Copyright 2023-2026 - www.tftnews.com All Rights Reserved