我们在开发工作当中,难免会用到文件上传,那么实现ajax文件上传目前比较流行的插件是uploadify,它是一个很好用而且功能很强大的插件。今天在公司当中,同事问起我关于如何实现uploadfy动态绑定参数提交到后台的问题,其实这个问题并不是很难,但是在网络上很难找到正确的答案,就连官网里的文档也存在差异!那么今天我写了一个例子,把如何实现动态绑定参数的过程详细作一个介绍。希望能帮到那些正在为之努力的朋友们。
下载好的目录结构如图所示,并把它放在你的webRoot下面
在webRoot下面建好你的页面,把uploadfy的初使化配置写在script标签当中,并且要在页面加载完过后就执行。如图所示:
具体配置代码如下:(图略,可直接复制使用)
html简单示例(如图)
参数简单介绍(最重要的几个参数):
uploader:指向你后台的地址
fileObjName:指定你后台用哪一个参数名来获取“文件”
onUploadStart:当开始上传时执行的函数 ,我们等一下要讲的动态绑定就是要写在里面,意思是说,在提交之前我们把数据获取后,同时提交到后台。
.....
重中之重,如何启动动态绑定,官网是这样说的(如图)
纠正,官网的这种方式,是传一个参数的情况。而我们要使用的方式是:整个对象作为动态参数传到后台,你应该这样写(如图:)
代码指导:
$('#uploadify').uploadify('settings','formData',element);
element就是你要传递的对象,而formData会去得写你的formData函数。所以这里要用formData来传递。
标签:jquery,uploadify,参数