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

上傳文件的時候,在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
推荐阅读
無線網卡如何安裝使用
無線網卡如何安裝使用
無線網卡如何安裝使用?首先,将無線網卡與電腦相連對于USB無線網卡,隻需要插入電腦USB接口即可而對于PCI插槽式無線網卡,則需要打開機箱,将其插入電腦PCE插槽内才行,現在小編就來說說關于無線網卡如何安裝使用?下面内容希望能幫助到你,我們...
2025-12-24
傳動系統警告燈亮原因
傳動系統警告燈亮原因
傳動系統警告燈亮原因?變速箱可能有問題,如果你的車沒有過保建議你趕緊去4s店檢查,把該換的換了,我來為大家科普一下關于傳動系統警告燈亮原因?以下内容希望對你有幫助!傳動系統警告燈亮原因變速箱可能有問題,如果你的車沒有過保建議你趕緊去4s店檢...
2025-12-24
夢到手機碎了
夢到手機碎了
夢到手機碎了?夢見和老公吵架摔手機,預示着最近的好運一般是來自陌生人,也會有機會結交新朋友,也會因此增長見識,我來為大家講解一下關于夢到手機碎了?跟着小編一起來看一看吧!夢到手機碎了夢見和老公吵架摔手機,預示着最近的好運一般是來自陌生人,也...
2025-12-24
vivo
vivo
vivo?vivoX9可以設置不聯網,打開手機自帶應用【i管家】,進入i管家以後點擊【流量監控】圖标,接下來我們就來聊聊關于vivo?以下内容大家不妨參考一二希望能幫到您!vivovivoX9可以設置不聯網,打開手機自帶應用【i管家】,進入...
2025-12-24
我的電腦qq空間打不開怎麼辦
我的電腦qq空間打不開怎麼辦
我的電腦qq空間打不開怎麼辦?點擊浏覽器上的工具選擇internet選項打開的internet屬性點擊删除浏覽曆史記錄,我來為大家科普一下關于我的電腦qq空間打不開怎麼辦?下面希望有你要的答案,我們一起來看看吧!我的電腦qq空間打不開怎麼辦...
2025-12-24
Copyright 2023-2025 - www.tftnews.com All Rights Reserved