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

上傳文件的時候,在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
推荐阅读
蘋果airport是什麼東西
蘋果airport是什麼東西
IT之家10月15日消息昨日,蘋果發布了iOS版AirPort實用工具應用更新。本次更新包含整體穩定性和安全性提升,距上次更新時間(2018年9月5日)已過去一年有餘。AirPort實用工具兼容蘋果所有的802.11n和802.11acWi...
2026-01-12
手機點膠利弊
手機點膠利弊
這兩天,魅族16s陷入“點膠門”。微博大V樓斌的拆機視頻顯示,魅族16s的SoC(移動平台)沒有封膠。經魅族官方調查後确認:涉事魅族16s屬于産線生産中極個别封膠漏點的情況,屬于特例個案。圖源:@樓斌XYZONE最終,魅族履行諾言,賠償兩台...
2026-01-12
怎麼把excel坐标轉換成kml格式
怎麼把excel坐标轉換成kml格式
點擊上方【大水牛測繪】關注我們很多測量員都在苦惱如何把EXECL坐标數據格式快速轉換成TXT格式,然後導入全站儀。今天小編就和大家分享下這個技巧。1、在D列輸入高程值(若無高程值輸0)2、在E列輸入空格3、另存為制表符分隔格式4、打開另存的...
2026-01-12
windows 10系統怎麼進入安全模式
windows 10系統怎麼進入安全模式
什麼是系統的安全模式?系統安全模式是windows操作系統中的一個特殊功能,對于電腦維修人員來說,安全模式會幫助我們修複很多的系統錯誤,可以快速将問題解決。系統工作在安全模式的時候,是不加載第三方軟件驅動的,使用的windows的最基本的系...
2026-01-12
物理八年級下冊滑輪專題
物理八年級下冊滑輪專題
【學習目标】1.理解定滑輪、動滑輪的特點、實質及其作用;2.理解滑輪組的作用及其省多少力。要點一、定滑輪和動滑輪滑輪是一個周邊有槽、能繞軸轉動的小輪;因為滑輪可以連續旋轉,因此可看作是能夠連續旋轉的杠杆,仍可以用杠杆的平衡條件來分析。1.定...
2026-01-12
Copyright 2023-2026 - www.tftnews.com All Rights Reserved