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

上傳文件的時候,在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
推荐阅读
韓服阿木木出裝
韓服阿木木出裝
導語:木木在排位中往往都是出現在打野的位置上,但是在12.12版本中,木木得到到了一定的小增強,其控制能力、控制效率在這個版本都得到了一定的加強,所以不同玩法的木木也在這個版本崛起。12.12版本冰川輔助木木的玩法逐漸流行起來,大家一起看看...
2026-01-10
建築工程技術哪個證好點
建築工程技術哪個證好點
建築工業化應用工程師證書去哪裡報名?證書怎麼考?報名入口和報考平台在哪裡,證書好考嗎?中國建築科學研究院認證中心頒發的建築工業化應用工程師證書含金量高嗎?建築工業化應用工程師是指以構件預制化生産、裝配式施工為生産方式,以設計标準化、生産工廠...
2026-01-10
一加7 pro:真·高刷全面屏年度機皇
一加7 pro:真·高刷全面屏年度機皇
4月24日,@一加手機官微宣布一加7系列新品發布會将于5月16日在北京舉行。雖然現在離發布會舉行還有好幾天,但是網上卻曝出了許多一加7和一加7Pro的參數信息。之前,我們也報道過疑似一加7和一加7Pro的參數對比新聞。但是今天,slashl...
2026-01-10
cassandra單條數據大小
cassandra單條數據大小
概念ApacheCassandra是高度可擴展的,高性能的分布式NoSQL數據庫。Cassandra旨在處理許多商品服務器上的大量數據,提供高可用性而無需擔心單點故障。Cassandra具有能夠處理大量數據的分布式架構。數據放置在具有多個複...
2026-01-10
什麼軟件可以大量語音轉文字的
什麼軟件可以大量語音轉文字的
新媒體小夥伴在職場辦公的時候,會常常因為整理大量的音頻文件而感到疲憊,雖然可以借助一些轉換工具來把音頻文件轉寫為文字文本,但是真正好用的音頻轉換工具卻很少。下面我就來告訴你們語音轉文字免費的軟件哪個好,如果你們想知道的話,那就繼續往下閱讀這...
2026-01-10
Copyright 2023-2026 - www.tftnews.com All Rights Reserved