首页
/
每日頭條
/
科技
/
表單上傳文件如何不跳轉
表單上傳文件如何不跳轉
更新时间:2026-02-01 14:03:25

上傳文件的時候,在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
推荐阅读
支付寶商家收款碼開通
支付寶商家收款碼開通
1、打開支付寶錢包,右下角“我的”——商家服務。2、右上角點“設置”,在彈出新窗口中,選擇“我的收錢...
2026-02-01
quik軟件的使用方法
quik軟件的使用方法
1、手機自帶的就直接找到quik并打開,如果手機上沒有安裝的,那麼先安裝下載,下載好quik後,點擊...
2026-02-01
新手機插耳機沒有聲音怎麼辦
新手機插耳機沒有聲音怎麼辦
1、看看是不是手機被你關了靜音,隻要調大手機音量就可以聽到聲音了。2、看看耳機頭與手機的連接部分是否氧化、生鏽,導緻了耳機與手機接觸不良,可以用酒精将生鏽的部分擦除。3、耳機如果是使用的時候突然沒聲音了,那最有可能就是你的耳機壞掉了,要麼是你的耳機内部線路受損,要麼就是聽筒壞了,就會出現沒有聲音的情況,可以給專業維修員維修,或者建議直接購買新的耳機。4、如果以上耳機都沒有問題,那麼就可能是手機的問
2026-02-01
微信拍拍設置有趣文字
微信拍拍設置有趣文字
1、點擊打開微信,然後點擊打開“我的”頁面,在我的頁面上點擊左上角的頭像。2、然後在個人中心頁面上點...
2026-02-01
創維電視怎麼升級系統
創維電視怎麼升級系統
1、啟動電視機。2、使用電視機遙控器操作,按下【酷開】鍵進入【酷開電視】主界面。3、進入【酷開電視】主界面後,找到【設置】,點擊進入。4、進入【設置】界面後,找到【系統設置】,點擊進入。5、進入【系統設置】後,找到【系統升級】,點擊進入。6、進入【系統升級】後,有【本地升級】和【在線升級】兩個選項,一般在聯網情況下建議使用【在線升級】,點擊後系統就會聯網檢測當前是否有【系統更新文】件可以下載,如有
2026-02-01
Copyright 2023-2026 - www.tftnews.com All Rights Reserved