多個(gè)表單中如何獲得這個(gè)文件上傳的網(wǎng)址實(shí)現(xiàn)js代碼
更新時(shí)間:2013年03月25日 11:01:52 作者:
假設(shè)一個(gè)網(wǎng)頁里有多個(gè)表單,其中一個(gè)表單里有文件上傳,問題是如何獲得這個(gè)文件上傳的網(wǎng)址呢,接下來為大家介紹下實(shí)現(xiàn)的js代碼,感興趣的朋友可以參考下哈,希望可以幫助到你
假設(shè)一個(gè)網(wǎng)頁里有多個(gè)表單,其中一個(gè)表單里有文件上傳,
<form action='http://xxx.com/data' method='post'>
<input type="text" name="data" />
<input type="submit" name="Submit2" value="上傳數(shù)據(jù)">
</form>
<form action='...' ... >
...
</form>
...
<form action='...' ... >
...
</form>
<form action='http://xxx.com/upload' enctype='multipart/form-data' method='post'>
<input type="file" name="fileUpload"/>
<input type="submit" name="Submit2" value="上傳文件">
</form>
問題是如何獲得這個(gè)文件上傳的網(wǎng)址呢?
下面是 JavaScript 代碼示例
function showUploadUrl() {
for(var i=0; i<document.forms.length; i++) {
var form = document.forms[i];
for (var j=0; j<form.elements.length;j++){
if ( form.elements[j].type==="file") {
alert("上傳地址是:" + form.action);
}
}
}
}
復(fù)制代碼 代碼如下:
<form action='http://xxx.com/data' method='post'>
<input type="text" name="data" />
<input type="submit" name="Submit2" value="上傳數(shù)據(jù)">
</form>
<form action='...' ... >
...
</form>
...
<form action='...' ... >
...
</form>
<form action='http://xxx.com/upload' enctype='multipart/form-data' method='post'>
<input type="file" name="fileUpload"/>
<input type="submit" name="Submit2" value="上傳文件">
</form>
問題是如何獲得這個(gè)文件上傳的網(wǎng)址呢?
下面是 JavaScript 代碼示例
復(fù)制代碼 代碼如下:
function showUploadUrl() {
for(var i=0; i<document.forms.length; i++) {
var form = document.forms[i];
for (var j=0; j<form.elements.length;j++){
if ( form.elements[j].type==="file") {
alert("上傳地址是:" + form.action);
}
}
}
}
您可能感興趣的文章:
- JS HTML5拖拽上傳圖片預(yù)覽
- html5+javascript實(shí)現(xiàn)簡(jiǎn)單上傳的注意細(xì)節(jié)
- javascript HTML5文件上傳FileReader API
- javascript html5移動(dòng)端輕松實(shí)現(xiàn)文件上傳
- 基于javascript html5實(shí)現(xiàn)多文件上傳
- js HTML5 Ajax實(shí)現(xiàn)文件上傳進(jìn)度條功能
- Nodejs+express+html5 實(shí)現(xiàn)拖拽上傳
- 手機(jī)圖片預(yù)覽插件photoswipe.js使用總結(jié)
- javascript上傳圖片前預(yù)覽圖片兼容大多數(shù)瀏覽器
- js HTML5多圖片上傳及預(yù)覽實(shí)例解析(不含前端的文件分割)
相關(guān)文章
Bootstrap 模態(tài)對(duì)話框只加載一次 remote 數(shù)據(jù)的完美解決辦法
前端框架 Bootstrap 的模態(tài)對(duì)話框,可以使用 remote 選項(xiàng)指定一個(gè) URL,這樣對(duì)話框在第一次彈出的時(shí)候就會(huì)自動(dòng)從這個(gè)地址加載數(shù)據(jù)到 .modal-body 中,但是它只會(huì)加載一次,不過通過在事件中調(diào)用 removeData() 方法可以解決這個(gè)問題,具體操作方法,大家通過本文了解下吧2017-07-07js保留兩位小數(shù)使用toFixed實(shí)現(xiàn)
直接使用Math.round(x*100)存在一個(gè)問題,有時(shí)會(huì)有很小的誤差,顯示很多位的小數(shù)位,如0.9996*100,就會(huì)變成99.96000000000001,我想要的在下面,感興趣的朋友可以參考下哈2013-07-07微信小程序五子棋游戲的棋盤,重置,對(duì)弈實(shí)現(xiàn)方法【附demo源碼下載】
這篇文章主要介紹了微信小程序五子棋游戲,可實(shí)現(xiàn)五子棋的棋盤繪制,重置,對(duì)弈判定等功能實(shí)現(xiàn),并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2019-02-02使用json-server簡(jiǎn)單完成CRUD模擬后臺(tái)數(shù)據(jù)的方法
這篇文章主要介紹了使用json-server簡(jiǎn)單完成CRUD模擬后臺(tái)數(shù)據(jù)的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-07-07offsetHeight在OnLoad中獲取為0的現(xiàn)象
需要獲取div的高度時(shí),往往需要用到offsetHeight,有時(shí)會(huì)碰到offsetHeight獲取到為0的現(xiàn)象,感興趣的朋友可以參考下面的代碼片段2013-07-07Javascript中判斷變量是數(shù)組還是對(duì)象(array還是object)
怎樣判斷一個(gè)JavaScript變量是array還是obiect,或許有很多初學(xué)者對(duì)此不是很清楚吧,下面為大家詳細(xì)解答下,希望對(duì)大家有所幫助2013-08-08js字母大小寫轉(zhuǎn)換實(shí)現(xiàn)方法總結(jié)
本文是對(duì)js中字母大小寫轉(zhuǎn)換的實(shí)現(xiàn)方法進(jìn)行了總結(jié)介紹,需要的朋友可以過來參考下,希望對(duì)大家有所幫助2013-11-11