jQuery MiniUI

标题: Form 表单中的文件上传 [打印本页]

作者: test 时间: 2012-11-15 15:53:14 标题: Form 表单中的文件上传

需求是这样的，我有个员工增加页面，用于增加新近员工，这个页面时个form中有员工的姓名等基本信息和员工的证件照（文件）在提交这个表单的时候想用ajax方式，因为如果后台处理成功，则关闭这个增加页面，回到员工列表页面，这个表单在提交的时候应该怎么做？miniui有这方面的例子吗？

作者: factory 时间: 2012-11-15 16:53:24

form提交的时候，照片也上传？
你在点击form提交按钮的时候，控制fieldupload.startUpload()，让照片也同时候上传

作者: test 时间: 2012-11-15 17:07:51

factory 发表于 2012-11-15 16:53
form提交的时候，照片也上传？
你在点击form提交按钮的时候，控制fieldupload.startUpload()，让照片也同时 ...

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

作者: test 时间: 2012-11-15 17:09:40

test 发表于 2012-11-15 17:07
对，form提交的时候，照片也上传。就是说这个表单既有普通字段，又有文件字段。。。能不能具体点呢？ ...

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

作者: factory 时间: 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...........
}

作者: factory 时间: 2012-11-15 17:19:30

test 发表于 2012-11-15 17:09
还有就是jquery-1.4.1.js是不是和miniui引用的类库冲突，无法在页面上做到兼容，特别对于miniui的文件字 ...

那你换成1.6或者1.8试试

作者: test 时间: 2012-11-16 13:19:12

factory 发表于 2012-11-15 17:19
你调用文件上传控件的startUpload()方法，就是让这个文件上传控件开始上传
form的提交按钮
function btnC ...

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

作者: test 时间: 2012-11-16 16:46:56

test 发表于 2012-11-16 13:19
你的意思是发送两个请求，但是我这个表单的数据都是一个信息的，比如员工，有员工编号和照片，这两个数据 ...

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

作者: niko 时间: 2012-11-16 17:57:01

1）用FileUpload你先上传文件，上传成功后，提交表单
2）你用HtmlFile，直接提交form

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)