jQuery MiniUI

 找回密码
 立即注册
查看: 12195|回复: 8
打印 上一主题 下一主题

Form 表单中的文件上传 [复制链接]

Rank: 3Rank: 3

跳转到指定楼层
楼主
发表于 2012-11-15 15:53:14 |只看该作者 |倒序浏览
需求是这样的,我有个员工增加页面,用于增加新近员工,这个页面时个form中有员工的姓名等基本信息和员工的证件照(文件)在提交这个表单的时候想用ajax方式,因为如果后台处理成功,则关闭这个增加页面,回到员工列表页面,这个表单在提交的时候应该怎么做?miniui有这方面的例子吗?

Rank: 8Rank: 8

沙发
发表于 2012-11-15 16:53:24 |只看该作者
form提交的时候,照片也上传?
你在点击form提交按钮的时候,控制fieldupload.startUpload(),让照片也同时候上传

Rank: 3Rank: 3

板凳
发表于 2012-11-15 17:07:51 |只看该作者
factory 发表于 2012-11-15 16:53
form提交的时候,照片也上传?
你在点击form提交按钮的时候,控制fieldupload.startUpload(),让照片也同时 ...

对,form提交的时候,照片也上传。就是说这个表单既有普通字段,又有文件字段。。。能不能具体点呢?

Rank: 3Rank: 3

地板
发表于 2012-11-15 17:09:40 |只看该作者
test 发表于 2012-11-15 17:07
对,form提交的时候,照片也上传。就是说这个表单既有普通字段,又有文件字段。。。能不能具体点呢? ...

还有就是jquery-1.4.1.js是不是和miniui引用的类库冲突,无法在页面上做到兼容,特别对于miniui的文件字段

Rank: 8Rank: 8

5#
发表于 2012-11-15 17:19:11 |只看该作者
test 发表于 2012-11-15 17:07
对,form提交的时候,照片也上传。就是说这个表单既有普通字段,又有文件字段。。。能不能具体点呢? ...

你调用文件上传控件的startUpload()方法,就是让这个文件上传控件开始上传
form的提交按钮
function btnClick(){
  var fu = mini.get("fieldUploadId");
  fn.startUpload();
  ajax...........
}

Rank: 8Rank: 8

6#
发表于 2012-11-15 17:19:30 |只看该作者
test 发表于 2012-11-15 17:09
还有就是jquery-1.4.1.js是不是和miniui引用的类库冲突,无法在页面上做到兼容,特别对于miniui的文件字 ...

那你换成1.6或者1.8试试

Rank: 3Rank: 3

7#
发表于 2012-11-16 13:19:12 |只看该作者
factory 发表于 2012-11-15 17:19
你调用文件上传控件的startUpload()方法,就是让这个文件上传控件开始上传
form的提交按钮
function btnC ...

你的意思是发送两个请求,但是我这个表单的数据都是一个信息的,比如员工,有员工编号和照片,这两个数据都应该在一次请求中发送走,让一个后台请求来处理(入库),能不能startUpload()的时候发送表单的普通字段数据呢?不用发送两次请求的(文件是一个请求、普通字段是一个请求)??就像HtmlFile一样,但是是异步的请求而不是同步的呢?

Rank: 3Rank: 3

8#
发表于 2012-11-16 16:46:56 |只看该作者
test 发表于 2012-11-16 13:19
你的意思是发送两个请求,但是我这个表单的数据都是一个信息的,比如员工,有员工编号和照片,这两个数据 ...

还有就是能不能提供一个我这个需求的控件呢?

Rank: 9Rank: 9Rank: 9

9#
发表于 2012-11-16 17:57:01 |只看该作者
1)用FileUpload你先上传文件,上传成功后,提交表单
2)你用HtmlFile,直接提交form

Archiver|普加软件

GMT+8, 2025-7-10 01:07 , Processed in 1.050399 second(s), 9 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部