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


Posted in Javascript onMarch 25, 2013

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

<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); 
} 
} 
} 
}
Javascript 相关文章推荐
jQuery动态设置form表单的enctype值(实现代码)
Jul 04 Javascript
js导航栏单击事件背景变换示例代码
Jan 13 Javascript
通过location.replace禁止浏览器后退防止重复提交
Sep 04 Javascript
AngularJS ng-bind 指令简单实现
Jul 30 Javascript
概述一个页面从输入URL到页面加载完的过程
Dec 16 Javascript
微信小程序 封装http请求实例详解
Jan 16 Javascript
详解jQuery中的isPlainObject()使用方法
Feb 27 jQuery
Node.js搭建WEB服务器的示例代码
Aug 15 Javascript
jQuery解析json格式数据示例
Sep 01 jQuery
基于jQuery的时间戳与日期间的转化
Jun 21 jQuery
解决vue admin element noCache设置无效的问题
Nov 12 Javascript
微信小程序canvas开发水果老虎机的思路详解
Feb 07 Javascript
jquery中使用$(#form).submit()重写提交表单无效原因分析及解决
Mar 25 #Javascript
博客侧边栏模块跟随滚动条滑动固定效果的实现方法(js+jquery等)
Mar 24 #Javascript
js 字符串转换成数字的三种方法
Mar 23 #Javascript
jquery多选项卡效果实例代码(附效果图)
Mar 23 #Javascript
Jquery实现带动画效果的经典二级导航菜单
Mar 22 #Javascript
关于div自适应高度/左右高度自适应一致的js代码
Mar 22 #Javascript
JS实现淘宝幻灯片效果的实现方法
Mar 22 #Javascript
You might like
PHP脚本的10个技巧(8)
2006/10/09 PHP
基于preg_match_all采集后数据处理的一点心得笔记(编码转换和正则匹配)
2014/01/31 PHP
Prototype String对象 学习
2009/07/19 Javascript
jquery tab标签页的制作
2010/05/10 Javascript
基于jquery的blockui插件显示弹出层
2011/04/14 Javascript
改善用户体验的五款jQuery插件分享
2011/05/22 Javascript
jQuery Tools tab使用介绍
2012/07/14 Javascript
JavaScript框架(iframe)操作总结
2014/04/16 Javascript
JQuery中绑定事件(bind())和移除事件(unbind())
2015/02/27 Javascript
JavaScript实现模仿桌面窗口的方法
2015/07/18 Javascript
JavaScript中的冒泡排序法
2016/08/03 Javascript
JavaScript拖动层Div代码
2017/03/01 Javascript
微信小程序 图片绝对定位(背景图片)
2017/04/05 Javascript
JS使用cookie实现只出现一次的广告代码效果
2017/04/22 Javascript
vue.js使用v-model指令实现的数据双向绑定功能示例
2018/05/22 Javascript
解决iview多表头动态更改列元素发生的错误的方法
2018/11/02 Javascript
vue.draggable实现表格拖拽排序效果
2018/12/01 Javascript
从表单校验看JavaScript策略模式的使用详解
2020/10/17 Javascript
在Windows8上的搭建Python和Django环境
2014/07/03 Python
python批量修改图片大小的方法
2018/07/24 Python
python解压TAR文件至指定文件夹的实例
2019/06/10 Python
详解Python对JSON中的特殊类型进行Encoder
2019/07/15 Python
python 多进程共享全局变量之Manager()详解
2019/08/15 Python
python pandas.DataFrame.loc函数使用详解
2020/03/26 Python
Python实现Wordcloud生成词云图的示例
2020/03/30 Python
Python GUI编程学习笔记之tkinter事件绑定操作详解
2020/03/30 Python
使用Python实现将多表分批次从数据库导出到Excel
2020/05/15 Python
django 获取字段最大值,最新的记录操作
2020/08/09 Python
HTML5 placeholder属性详解
2016/06/22 HTML / CSS
HTML5+Canvas+CSS3实现齐天大圣孙悟空腾云驾雾效果
2016/04/26 HTML / CSS
香港迪士尼乐园酒店预订:Hong Kong Disneyland Hotels
2017/05/02 全球购物
Otel.com:折扣酒店预订
2017/08/24 全球购物
德国W家官网,可直邮中国的母婴商城:Windeln.de
2021/03/03 全球购物
护理学毕业生求职信
2013/11/14 职场文书
报到证办理个人委托书
2014/10/06 职场文书
军训决心书范文
2015/09/22 职场文书