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

上傳文件的時候,在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
推荐阅读
蘋果的20瓦快充到底有多快
蘋果的20瓦快充到底有多快
稿源:充電頭網蘋果2022年秋季新品發布會比往年提早了一個星期,但依舊是淩晨1點準時進行,此次發布會帶來了全新iPhone14系列,重塑的AirPodsPro以及三款新AppleWatch。耳機、手表就不細說了,主要還是來聊聊最新的iPho...
2026-02-01
蹲便器水箱一般安裝在什麼位置
蹲便器水箱一般安裝在什麼位置
在家庭裝修時我們總會遇到大大小小各種問題,對于熟練的有經驗的裝修師傅來說,他們能夠輕松的解決,但是對于大部分用戶來說可就不一定了。例如我們面對複雜的蹲便器水箱該如何進行安裝呢?在這裡康麗潔衛浴給您介紹下蹲便器水箱安裝方法詳解。(本文對新家裝...
2026-02-01
vivox20手機夜間模式在哪裡
vivox20手機夜間模式在哪裡
vivox20手機夜間模式在哪裡?首先vivo手機目前是沒有夜間模式設置功能選項,我來為大家科普一下關于vivox20手機夜間模式在哪裡?以下内容希望對你有幫助!vivox20手機夜間模式在哪裡首先vivo手機目前是沒有夜間模式設置功能選項...
2026-02-01
ug編程後處理在哪看代碼
ug編程後處理在哪看代碼
很多小夥伴都在問我關于後處理的各種知識。所以小編在這也到處找了好多資料分享給大家,期望對大家有幫助吧,下面我們就來分享一下關于UG添加後處理文件的小方法吧!對于一些新手來說,可能都不知道什麼是後處理。簡單的來說,後處理就是把我們在軟件中編寫...
2026-02-01
制冷系統的工作原理圖
制冷系統的工作原理圖
對于很多小夥伴來講,以為制冷系統僅僅可以用來做空調系統,其實太小看制冷制冷系統了,今天我們就來看看制冷系統還有那些運用吧。一、空調系統首先就是空調系統的運用了。相信小夥伴閉上眼睛就能說出原理來二、冰箱系統冰箱系統也是制冷系統最常見的運用,來...
2026-02-01
Copyright 2023-2026 - www.tftnews.com All Rights Reserved