多个表单中如何获得这个文件上传的网址实现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 相关文章推荐
event.srcElement+表格应用
Aug 29 Javascript
Extjs Ajax 乱码问题解决方案
Apr 15 Javascript
javascript中的变量是传值还是传址的?
Apr 19 Javascript
Javascript base64编码实现代码
Dec 02 Javascript
jQuery遍历Table应用示例
Apr 09 Javascript
transport.js和jquery冲突问题的解决方法
Feb 10 Javascript
jQuery中ajax的load()与post()方法实例详解
Jan 05 Javascript
a标签置灰不可点击的实现方法
Feb 06 Javascript
基于JS实现9种不同的面包屑和分布式多步骤导航效果
Feb 21 Javascript
Bootstrap table学习笔记(2) 前后端分页模糊查询
May 18 Javascript
Vue组件化通讯的实例代码
Jun 23 Javascript
vue tab滚动到一定高度,固定在顶部,点击tab切换不同的内容操作
Jul 22 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
smarty的保留变量问题
2008/10/23 PHP
2个比较经典的PHP加密解密函数分享
2014/07/01 PHP
[原创]php简单隔行变色功能实现代码
2016/07/09 PHP
ThinkPHP框架整合微信支付之Native 扫码支付模式一图文详解
2019/04/09 PHP
laravel5.1 ajax post 传值_token示例
2019/10/24 PHP
$()JS小技巧
2007/07/21 Javascript
让网页根据不同IE版本显示不同的内容
2009/02/08 Javascript
JQuery页面图片切换和新闻列表滚动效果的具体实现
2013/09/26 Javascript
JavaScript Promise 用法
2016/06/14 Javascript
js基于setTimeout与setInterval实现多线程
2016/06/17 Javascript
解决wx.onMenuShareTimeline出现的问题
2016/08/16 Javascript
Jquery Easyui菜单组件Menu使用详解(15)
2016/12/18 Javascript
纯原生js实现贪吃蛇游戏
2020/04/16 Javascript
Angularjs的键盘事件的绑定
2017/07/27 Javascript
ES6新特性:使用export和import实现模块化详解
2017/07/31 Javascript
基于 Bootstrap Datetimepicker 联动
2017/08/03 Javascript
JS使用遮罩实现点击某区域以外时弹窗的弹出与关闭功能示例
2018/07/31 Javascript
vue router带参数页面刷新或回退参数消失的解决方法
2019/02/27 Javascript
Vue页面手动刷新,实现导航栏激活项还原到初始状态
2020/08/06 Javascript
javascript实现移动端轮播图
2020/12/09 Javascript
vue实现一个获取按键展示快捷键效果的Input组件
2021/01/13 Vue.js
讲解python参数和作用域的使用
2013/11/01 Python
Python爬虫通过替换http request header来欺骗浏览器实现登录功能
2018/01/07 Python
浅谈Django学习migrate和makemigrations的差别
2018/01/18 Python
Python列表删除元素del、pop()和remove()的区别小结
2019/09/11 Python
Python 进程操作之进程间通过队列共享数据,队列Queue简单示例
2019/10/11 Python
Python实现把类当做字典来访问
2019/12/16 Python
利用OpenCV和Python实现查找图片差异
2019/12/19 Python
pytorch使用tensorboardX进行loss可视化实例
2020/02/24 Python
什么是Python中的匿名函数
2020/06/02 Python
Python通过fnmatch模块实现文件名匹配
2020/09/30 Python
康帕斯酒店预订:Compass Hospitality(支持中文)
2018/08/23 全球购物
秋季运动会稿件
2014/01/30 职场文书
2014迎国庆演讲稿
2014/09/19 职场文书
创业计划书之家教中心
2019/09/25 职场文书
TypeScript实用技巧 Nominal Typing名义类型详解
2022/09/23 Javascript