jquery上传控件ajaxupload传递参数
2012-02-17 14:28
453 查看
AjaxUpload是一个能否实现页面无闪动刷新的jquery上传控件,对于它的使用网上有比较详细的讲解,但是对于此控件如何具体传递附加参数到服务端,没有特别多的说明。
http://valums.com/ajax-upload/在AjaxUpload控件项目首页上,看了一下它使用的讲解,再结合网上其他朋友一些零散的介绍,我在asp.net mvc2.0中对它进行了测试,在js中的基本配置我就不赘述啦,要注意的地方是在控件的构造方法中加上 data:{},data参数是ajaxupload控件以querystring的方法附加传递到服务端的数据,请注意这里的传递方式,也即get方法传递过去,在asp.net
mvc中根据它自己的路由规则,就要在相应的controller中编写对应的action,action的参数名称要和data中设置的参数名称一致。如果是在php环境或者其他环境就要用获取querystring的方法来拿到附加的数据值。部分代码实例如下:
1、js脚本(html的代码省略啦)
$(function () {
var btnUpload = $('#upload');
var uploadBtn = new AjaxUpload(btnUpload, {
action: '/Dish/uploadPicture',
name: 'uploadfile',
data:{},
onSubmit: function (file, ext) {
var value="";//可以是你要发送的任何字符数据
this.setData({DName:value});
},
onComplete: function (file, response) {
}
});
});
注:使用该控件之前,请先导入相关的ajaxupload.js文件
2、后台控制器代码
public string uploadPicture(string DName){}//注:这里的DName对应客户端用querystring传递过来的DName参数,要保持一致
这样就能够处理ajaxupload动态传递附加参数的问题啦。
http://valums.com/ajax-upload/在AjaxUpload控件项目首页上,看了一下它使用的讲解,再结合网上其他朋友一些零散的介绍,我在asp.net mvc2.0中对它进行了测试,在js中的基本配置我就不赘述啦,要注意的地方是在控件的构造方法中加上 data:{},data参数是ajaxupload控件以querystring的方法附加传递到服务端的数据,请注意这里的传递方式,也即get方法传递过去,在asp.net
mvc中根据它自己的路由规则,就要在相应的controller中编写对应的action,action的参数名称要和data中设置的参数名称一致。如果是在php环境或者其他环境就要用获取querystring的方法来拿到附加的数据值。部分代码实例如下:
1、js脚本(html的代码省略啦)
$(function () {
var btnUpload = $('#upload');
var uploadBtn = new AjaxUpload(btnUpload, {
action: '/Dish/uploadPicture',
name: 'uploadfile',
data:{},
onSubmit: function (file, ext) {
var value="";//可以是你要发送的任何字符数据
this.setData({DName:value});
},
onComplete: function (file, response) {
}
});
});
注:使用该控件之前,请先导入相关的ajaxupload.js文件
2、后台控制器代码
public string uploadPicture(string DName){}//注:这里的DName对应客户端用querystring传递过来的DName参数,要保持一致
这样就能够处理ajaxupload动态传递附加参数的问题啦。
相关文章推荐
- jquery.validate的ajax方式验证[可以一个控件下一次传递多个参数,已经成功通过验证]
- jquery ajaxfileupload 上传控件 Uncaught SyntaxError: Unexpected token < 问题
- Jquery Uploadify多文件上传带进度条 且传递自己的参数示例
- AjaxUpload上传控件、JQuery控件
- Jquery Uploadify多文件上传带进度条 且传递自己的参数示例
- jQuery中通过ajax调用webservice传递数组参数的问题实例详解
- jquery之ajaxfileupload异步上传插件
- 上传控件jquery.uploadify-v2.1.4的示例源码
- jquery之ajaxfileupload异步上传,文件上传插件
- easyui-ajax表单和jquery-ajax传递参数 到 Action(后台)
- [原创]Ajax UpLoadFile 多个大文件上传控件,已更新。
- 使用 Jquery AjaxUpload 上传图片
- ajaxfileupload带参数上传文件
- 真正的JQuery.ajax传递中文参数的解决方法
- jquery通过ajax-json访问java后台传递参数,通过request.getParameter获取不到参数的说明
- File Upload using jQuery AJAX in ASP.NET Web API or Http handler (AJAX上传文件通过Web API或 http handler)
- jQuery插件AjaxFileUpload实现ajax文件上传
- 这才是真正的JQuery.ajax传递中文参数的解决方法
- jQuery插件AjaxFileUpload文件上传实现Javascript多文件上传功能
- 一个简单的jQuery插件ajaxfileupload实现ajax上传文件例子