首页
/
每日頭條
/
科技
/
表單上傳文件如何不跳轉
表單上傳文件如何不跳轉
更新时间:2024-08-23 12:15:17

上傳文件的時候,在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
推荐阅读
小米手機鎖定怎麼激活設備
小米手機鎖定怎麼激活設備
長按電源鍵将手機開機,點擊“箭頭”進入後續設置。以小米10,miui10為例:選擇語言,簡體中文,也可以根據自己的需求選擇。連接互聯網,選擇一個網絡加入。同意使用條款,點繼續。登錄小米賬号,輸入小米賬号、密碼進行登錄,如果沒有小米賬号,可以選擇“注冊”創建小米賬号并登錄。開啟查找手機,建議開啟查找手機,當手機丢失時,可以登陸小米官網,嘗試找回、鎖定手
2024-08-23
朋友圈怎樣發gif動态圖
朋友圈怎樣發gif動态圖
1、首先準備好你要發的gif圖片,然後在搜索gif轉mp4,找在線的gif轉mp4工具。2、點擊後進...
2024-08-23
手機上的字體如何設置變大
手機上的字體如何設置變大
1、方法一:找到并打開手機上的設置功能,找到壁紙與字體”并點擊進入。在界面上選擇字體并點擊,選擇右上角的字體大小”。2、根據需要滑動下方滑塊調整字體大小,設置完成後,回到手機主界面,等待手機自動加載完成即可。3、方法二:找到并點擊主題功能,進入後點擊右下角我的”,進入個人界面。選擇字體,點擊進入,選擇右上角的字體大小”。根據需要滑動滑塊調整字體大小即可。
2024-08-23
結束程序的快捷鍵是什麼
結束程序的快捷鍵是什麼
電腦結束進程快捷鍵是ALT+F4,具體手動操作是:1、在桌面下方任務欄上,點擊鼠标右鍵彈出屬性菜單;...
2024-08-23
新手入門excel表格制作
新手入門excel表格制作
1.新建一個excel文件。2.在草紙上畫好草稿,将需要數據的表格樣式及列數和行數确定。3.在新建e...
2024-08-23
Copyright 2023-2024 - www.tftnews.com All Rights Reserved