多個表單中如何獲得這個文件上傳的網(wǎng)址實現(xiàn)js代碼
更新時間：2013年03月25日 11:01:52 作者：
假設(shè)一個網(wǎng)頁里有多個表單，其中一個表單里有文件上傳，問題是如何獲得這個文件上傳的網(wǎng)址呢，接下來為大家介紹下實現(xiàn)的js代碼，感興趣的朋友可以參考下哈，希望可以幫助到你
假設(shè)一個網(wǎng)頁里有多個表單，其中一個表單里有文件上傳，
<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>
問題是如何獲得這個文件上傳的網(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>
問題是如何獲得這個文件上傳的網(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實現(xiàn)簡單上傳的注意細(xì)節(jié)
- javascript HTML5文件上傳FileReader API
- javascript html5移動端輕松實現(xiàn)文件上傳
- 基于javascript html5實現(xiàn)多文件上傳
- js HTML5 Ajax實現(xiàn)文件上傳進度條功能
- Nodejs+express+html5 實現(xiàn)拖拽上傳
- 手機圖片預(yù)覽插件photoswipe.js使用總結(jié)
- javascript上傳圖片前預(yù)覽圖片兼容大多數(shù)瀏覽器
- js HTML5多圖片上傳及預(yù)覽實例解析（不含前端的文件分割）
相關(guān)文章
在開發(fā)過程中,我們經(jīng)常會遇到預(yù)覽PDF的需求,這篇文章主要為大家詳細(xì)介紹了JS如何利用分頁加載和懶加載預(yù)覽PDF,希望對大家有所幫助2024-01-01
微信自定義分享鏈接信息（標(biāo)題，圖片和內(nèi)容）實現(xiàn)過程詳解
這篇文章主要介紹了微信自定義分享鏈接信息（標(biāo)題，圖片和內(nèi)容）實現(xiàn)過程詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-09-09
這篇文章主要介紹了JavaScript邏輯Not運算符，邏輯NOT運算符與C和Java中的邏輯 NOT 運算符相同，都由感嘆號（!）表示，想要深入了解邏輯Not運算符的朋友可以參考一下2015-12-12
這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)隨機點名器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-04-04
這篇文章主要介紹了javascript日期比較方法,列舉了3個實例形式分析了javascript針對日期與時間的相關(guān)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2016-06-06
在我們開發(fā)的許多應(yīng)用程序都會用到某種日期功能,無論是內(nèi)容的創(chuàng)建日期還是活動的時間戳等等,這篇文章主要給大家介紹了關(guān)于JavaScript中常見的獲取當(dāng)前日期方法,需要的朋友可以參考下2024-06-06
仿QQ郵箱的彈出層，彈出確認(rèn)框，主要是用火狐的firebug把html和css扣了下來，沒有做封裝,就定義了一個拖動事件. 大家可以封裝自己的彈出窗，嘿嘿！2015-04-04
這篇文章主要介紹了JS訪問對象兩種方式區(qū)別解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-08-08
這篇文章主要給大家愛介紹了關(guān)于利用Javascript獲取選擇文本所在的句子的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起看看吧。2017-12-12
這篇文章主要為大家介紹了cypress e2e測試編寫注意點總結(jié)分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-04-04