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

上傳文件的時候,在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
推荐阅读
比富堅義博還坑爹的漫畫家
比富堅義博還坑爹的漫畫家
MyAnimelist是一個十分權威的國外動漫評分網站,在這裡你可以看到關于一些動畫、人物角色等綜合評分排名。在這個網站上評分或者撰寫評價的人基本上都是深度動漫愛好者且基數龐大,所以它發布的一些關于動漫的榜單可信度極高。近日,MAL(MyA...
2026-01-26
lol怎麼提升排行榜
lol怎麼提升排行榜
在LOL中除了排位賽的段位以外,還有另一個可以衡量一個人技術好壞的标準,他就是LOL戰鬥力系統。一個LOL玩家戰鬥力的高低也就基本上代表了這名玩家的水平。那麼lol戰鬥力怎麼提升快呢?下面就讓小編來為您解答。LOL戰鬥力系統知己知彼,百戰不...
2026-01-26
手機可以使用爐石傳說盒子嗎
手機可以使用爐石傳說盒子嗎
爐石盒子是網易開發的一款爐石記牌器,作為PC玩家來說都不陌生,他可以記錄牌組剩餘卡牌以及雙方玩家墓地,雖然在比賽中這類軟件是明确禁止使用,但是玩家自己遊戲的時候使用并沒有關系,手機端也是有着手機盒子這樣的軟件的,作用也完全一樣。不過小編群内...
2026-01-26
ps魔棒工具怎麼精确選區
ps魔棒工具怎麼精确選區
哈喽,大家好。我是小新疆,今天給大家分享Photoshop快速選擇工具和魔棒工具的使用。分享是一種美德,關注是一種鼓勵!如果小新疆的分享對你有所幫助,記得點擊關注呦!每日會有Photoshop知識分享。小白到初級到精通。作圖時快速選擇想要的...
2026-01-26
為什麼wi-fi一直閃連不上
為什麼wi-fi一直閃連不上
以下這9個工具,可以幫助您知道無線網絡中已知的和未知的重要細節。這裡所列的每一個工具都能為您提供基本的無線詳細信息:SSID、信号強度、通道、MAC地址和安全狀态。它們甚至可以顯示“隐藏”或沒發送的SSID,顯示噪聲級别,或顯示無線連接成功...
2026-01-26
Copyright 2023-2026 - www.tftnews.com All Rights Reserved