文件上传和表单在同一个页面,先上传后提交表单
来源:互联网 发布:中文翻译缅甸语软件 编辑:程序博客网 时间:2024/06/05 04:00
最近项目中遇到了在表单中出现图片的上传,要求图片点击上传后能够看到传去的图片,然后填写表单提交给后台做处理,总结一下这样做的技术和思路
1 使用jquery-form 的js库,使用form表单的ajax体积
2 将要上传图片的表单单独封装在一个页面里,然后使用<iframe>标签嵌套在主表单里面,
这样做的好处是:(1) 能够被其他上传的页面复用
(2)在使用jquery-valiad插件做表单验证时如果上传表单form嵌套在主表单form里面时,上传表单在使用js获取的时候获取不到上传图片的表单form就没法上传 图片。
3 在上传图片的页面里使用ajax form上传时在上传成功的回掉函数里吧上传成功的图片名称赋值到主表单的隐藏字段里面以便能够传到后台去
4 表单提交验证使用jquery-validate插件
5 代码展示
0 1
- 文件上传和表单在同一个页面,先上传后提交表单
- 表单提交文件上传
- 提交表单上传文件
- WEB页面_文件上传(表单提交和ocupload)
- libcurl提交表单上传文件
- HttpURLConnection 提交表单+ 上传文件
- libcurl提交表单上传文件
- Ajax表单提交上传文件
- 文件上传,表单提交插件
- php上传文件--表单提交
- fileinput.js在上传文件时提交表单数据
- 使用jquery-form.js异步上传文件和提交表单
- ie8 ajaxSubmit上传文件提示下载和提交表单两次
- ajax上传文件,提交表单,使用FormData和XMLHttpRequest提交表单
- ajax上传文件,提交表单,使用FormData和XMLHttpRequest提交表单
- 无刷新文件上传 ajax提交表单
- 无刷新文件上传 ajax提交表单
- 表单提交上传文件代码(Ext,C#)
- 动态申请内存new和malloc的区别
- Received error packet: errno = 1236, sqlstate = HY000 errmsg = Slave can not handle replication even
- CF 2014 ACM-ICPC Vietnam National Second Round C. ATM withdrawal
- Android仿微信底部菜单栏+顶部菜单栏
- 将一个数字字符串转换成该字符串对应的数字(包括正整数、负整数)
- 文件上传和表单在同一个页面,先上传后提交表单
- jvm_参数含义
- 哈理工校园编程练习赛杭电 acm F. 4452 Running Rabbits
- hdu4990---Reading comprehension(矩阵快速幂)
- Sicily 8843. Ranking and Friendship
- vi/vim常用命令
- IE11中OCX控件的事件不能够被IE捕获的解决办法
- Hibernate之一 HelloWorld
- Sicily 2682. Die Hard 4