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

上傳文件的時候,在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-11
華為手機怎麼剪輯視頻
華為手機怎麼剪輯視頻
華為手機怎麼剪輯視頻?打開華為手機的視頻,選中其中需要剪輯的視頻,點擊創作,現在小編就來說說關于華為手機怎麼剪輯視頻?下面内容希望能幫助到你,我們來一起看看吧!華為手機怎麼剪輯視頻打開華為手機的視頻,選中其中需要剪輯的視頻,點擊創作在創作下...
2026-01-11
遠程控制電腦的軟件哪些好用
遠程控制電腦的軟件哪些好用
會用電腦的你有沒有被影視劇中電腦高手的技術所折服,他們可以輕而易舉地控制遠在萬裡之外的電腦,你是不是也夢想着自己也能有這神通廣大的“本領”?那麼小G今天給大家分享一個可以遠程控制電腦的簡單方法,從此你也可以在家操作自己單位的工作電腦,覺得有...
2026-01-11
電競顯示器從哪裡看配置
電競顯示器從哪裡看配置
十大功能參數詳解,适合自己的最重要用過卓威顯示器的玩家很大一部分都有一個疑惑:我XX型号顯示器,玩XX遊戲到底用什麼參數?不論推薦的參數如何,每個人對于畫面的要求都不盡相同,自然不可能滿足所有人的要求。最好的辦法就是自己能夠理解這些參數的效...
2026-01-11
如何制作好短教程
如何制作好短教程
如何制作受歡迎的短視頻,四個小技巧要牢記,小白也能輕松掌握短視頻其實就是用最短的時間說出作者想要說的事,也正是因為時間短,所以很多人都以為制作短視頻其實非常的簡單,但其實不然。那麼,如何才能制作出一條受歡迎的短視頻呢?五個小技巧要牢記,小白...
2026-01-11
Copyright 2023-2026 - www.tftnews.com All Rights Reserved