多个表单中如何获得这个文件上传的网址实现js代码

131 阅读 0 评论 87 点赞

我是靠谱客的博主美好服饰，最近开发中收集的这篇文章主要介绍多个表单中如何获得这个文件上传的网址实现js代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

假设一个网页里有多个表单，其中一个表单里有文件上传，

复制代码代码如下:

 
<form action='http://xxx.com/data' method='post'> 
<input type="text" name="data" /> 
<input type="submit" name="Submit2" value="上传数据"> 
</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> 

问题是如何获得这个文件上传的网址呢？
下面是 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); 
} 
} 
} 
} 