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

上傳文件的時候,在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
推荐阅读
聯通大王卡市場亂象
聯通大王卡市場亂象
聯通大王卡業務員隐瞞、欺騙、強制的手段要求用戶同時開通多張手機卡?這是為何?背後有什麼利益鍊?目前國家工信部、公安部對手機号碼屬于嚴管,稍有不慎就會被不法分子用于電信詐騙使用,所造成的後果自己也會間接會受到連帶責任。最近,就有深圳市民張先生...
2026-01-30
睫毛夾買什麼樣的好一點呢女生用
睫毛夾買什麼樣的好一點呢女生用
,
2026-01-30
可以用三年以上的安卓手機
可以用三年以上的安卓手機
1月27日,中國手機産業發生了一場“地震”:全國排行前5的手機廠商,被來自清華大學人工智能研究院RealAI在15分鐘破解,而在其中的破解過程中,19部安卓手機是被“秒”破。值得注意的是,唯一未被破解的手機僅一部iPhone11。但從報道上...
2026-01-30
重磅提花面料
重磅提花面料
很多人不敢買皮沙發,因為它貴!可是每到夏天坐在家裡的皮沙發/PU革沙發上總會感覺汗水留在沙發上,黏黏膩膩,着實難受尴尬悶熱不透氣。如果有一款“皮”沙發,足夠上檔次卻又能透氣習慣,讓夏天幹爽舒适呢?冬天又不會冰冰涼,而是暖暖的,很貼心,是不是...
2026-01-30
蘋果手機老彈出一些消息怎麼辦
蘋果手機老彈出一些消息怎麼辦
就在今天,有不少iPhone用戶表示自己的手機出現了Bug,每隔兩分鐘就會出現一次“iTunesstore不能處理”的窗口。該彈窗的大緻内容翻譯成中文就是“您的蘋果音樂商城現在暫時無法處理購買問題。”據悉,這次的Bug是蘋果服務器出現了Bu...
2026-01-30
Copyright 2023-2026 - www.tftnews.com All Rights Reserved