首页
/
每日頭條
/
科技
/
表單上傳文件如何不跳轉
表單上傳文件如何不跳轉
更新时间:2025-12-29 02:19:38

上傳文件的時候,在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
推荐阅读
如何取消文檔保護密碼
如何取消文檔保護密碼
演示機型:華為MateBookX系統版本:win10APP版本:word20161、雙擊需要取消加密的Word文檔,打開該文檔。2、在彈出的密碼輸入框中輸入加密文檔的密碼,點擊确定進入該文檔界面。3、點擊文檔上方工具欄中的安全選項,進入安全設置頁面。4、在菜單欄中選擇文檔加密選項,進入密碼設置界面。5、選擇彈出對話框左側的密碼加密選項,進入密碼設置界面。6、在密碼設置界面将打開權限下方的三個對話框
2025-12-29
新能源汽車需要交購置稅嗎
新能源汽車需要交購置稅嗎
1、2017年12月28日四部委(财政部、國家稅務總局、工信部和科技部)聯合發布的《關于免征新能源汽車車輛購置稅的公告》(以下簡稱《公告》),《公告》中明确規定:自2018年1月1日至2020年12月31日,對購置的新能源汽車免征車輛購置稅。2、對免征車輛購置稅的新能源汽車,通過發布《免征車輛購置稅...
2025-12-29
如何給孩子介紹常見恐龍
如何給孩子介紹常見恐龍
第一、霸王龍,這是所有恐龍中體型最大的,而且也是攻擊力最高的一種恐龍,要告訴孩子雖然霸王龍很強大,但是要學會與其它恐龍的和平相處。第二、三角龍,這是體重比較大的一種恐龍,而且三角龍是一種食草的恐龍,要讓孩子知道,雖然三角龍看着比較兇猛,但是實際上是比較溫順的。第三、翼龍,這是所有恐龍中唯一會飛的恐龍,而且體型相對于其它恐龍比較小巧,嘴型和鳥類相似,要讓孩子知道恐龍并不是隻在地面。第四、包頭龍,這種
2025-12-29
電腦怎麼下載視頻到u盤
電腦怎麼下載視頻到u盤
1、首先我們将U盤插入電腦裡。2、然後在電腦中找到事先下載好的視頻。3、在視頻處點擊鼠标右鍵,接着點擊複制。4、最後打開U盤,在U盤裡點擊粘貼即可。
2025-12-29
微頭條怎麼發視頻
微頭條怎麼發視頻
1、在我們的手機裡面打開軟件,點擊登錄進去。2、進去之後,點擊中間的+”。3、點擊彈出框之後,選擇視頻”。4、進去之後,選擇導入視頻,也可以直接錄視頻。5、選擇要導入的視頻,點擊發布。
2025-12-29
Copyright 2023-2025 - www.tftnews.com All Rights Reserved