首页
/
每日頭條
/
科技
/
表單上傳文件如何不跳轉
表單上傳文件如何不跳轉
更新时间:2025-11-24 19:46:22

上傳文件的時候,在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
推荐阅读
金融業務發展提醒
金融業務發展提醒
今年以來,翼城聯社立足群衆需求、貼近百姓生活,着力新發展理念,緻力于為群衆提供數字化、智能化、個性化、訂制化的現代金融服務,讓信用社的服務變得更輕盈、更親和、更有溫度。近期,翼城聯社以“語音雲播報器”為抓手,讓廣大客戶賺錢“聽得到”,通過此...
2025-11-24
壓縮文件太大如何縮小
壓縮文件太大如何縮小
視頻文件的體積一般就都比其他的文件體積要大很多,那麼我們想要壓縮視頻的大小,應該要怎麼做呢?今天小編就教大家解決視頻過大怎麼壓縮變小的問題。一、我們要在百度搜索下載一個軟件,叫固喬剪輯助手,這個軟件綠色安全無毒,可以放心下載,下載完成後直接...
2025-11-24
小米手機裡莫名其妙多些圖片怎麼處理
小米手機裡莫名其妙多些圖片怎麼處理
小米手機裡莫名其妙多些圖片怎麼處理?小米手機中的一些莫名的照片基本上都是當你浏覽網頁之後就會留下網頁上的圖片,還有就是手機軟件圖标,前者可以删掉,但是删了下次還會留下的,現在小編就來說說關于小米手機裡莫名其妙多些圖片怎麼處理?下面内容希望能...
2025-11-24
抄作業抄不完怎麼辦
抄作業抄不完怎麼辦
十年烘焙,雖然時間夠長,但是很大一部分時間被出差,上班,開店占據了,所以其實研究烘焙的時間并不是太多,不管怎麼說也算是老司機了,烘焙路上吃了不少虧,也踩了不少坑今天這篇文章本來是打算在雙十一之前獻給所有的新手烘焙玩家的,但是由于個人的拖延症...
2025-11-24
三星m30s怎麼截圖
三星m30s怎麼截圖
三星m30s怎麼截圖?普通截屏這種方式相信大家都是比較了解的,在平時的使用中,這個方法也是比較多的,那就是按住【Home】鍵和電源鍵,通過這種方式截圖是比較多人的選擇,下面我們就來聊聊關于三星m30s怎麼截圖?接下來我們就一起去了解一下吧!...
2025-11-24
Copyright 2023-2025 - www.tftnews.com All Rights Reserved