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

 更新时间:2013年03月25日 11:01:52   作者:  
假设一个网页里有多个表单,其中一个表单里有文件上传,问题是如何获得这个文件上传的网址呢,接下来为大家介绍下实现的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);
}
}
}
}

相关文章

  • JS分别利用分页加载和懒加载预览PDF

    JS分别利用分页加载和懒加载预览PDF

    在开发过程中,我们经常会遇到预览PDF的需求,这篇文章主要为大家详细介绍了JS如何利用分页加载和懒加载预览PDF,希望对大家有所帮助
    2024-01-01
  • 微信自定义分享链接信息(标题,图片和内容)实现过程详解

    微信自定义分享链接信息(标题,图片和内容)实现过程详解

    这篇文章主要介绍了微信自定义分享链接信息(标题,图片和内容)实现过程详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • 详解JavaScript逻辑Not运算符

    详解JavaScript逻辑Not运算符

    这篇文章主要介绍了JavaScript逻辑Not运算符,逻辑NOT运算符与C和Java中的逻辑 NOT 运算符相同,都由感叹号(!)表示,想要深入了解逻辑Not运算符的朋友可以参考一下
    2015-12-12
  • JS实现随机点名器

    JS实现随机点名器

    这篇文章主要为大家详细介绍了JS实现随机点名器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-04-04
  • javascript日期比较方法实例分析

    javascript日期比较方法实例分析

    这篇文章主要介绍了javascript日期比较方法,列举了3个实例形式分析了javascript针对日期与时间的相关操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • JavaScript中常见的获取当前日期方法

    JavaScript中常见的获取当前日期方法

    在我们开发的许多应用程序都会用到某种日期功能,无论是内容的创建日期还是活动的时间戳等等,这篇文章主要给大家介绍了关于JavaScript中常见的获取当前日期方法,需要的朋友可以参考下
    2024-06-06
  • 纯js实现仿QQ邮箱弹出确认框

    纯js实现仿QQ邮箱弹出确认框

    仿QQ邮箱的弹出层,弹出确认框,主要是用火狐的firebug把html和css扣了下来,没有做封装,就定义了一个拖动事件. 大家可以封装自己的弹出窗,嘿嘿!
    2015-04-04
  • JS访问对象两种方式区别解析

    JS访问对象两种方式区别解析

    这篇文章主要介绍了JS访问对象两种方式区别解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-08-08
  • 利用Javascript获取选择文本所在的句子详解

    利用Javascript获取选择文本所在的句子详解

    这篇文章主要给大家爱介绍了关于利用Javascript获取选择文本所在的句子的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起看看吧。
    2017-12-12
  • cypress e2e测试编写注意点总结分析

    cypress e2e测试编写注意点总结分析

    这篇文章主要为大家介绍了cypress e2e测试编写注意点总结分析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-04-04

最新评论