当前位置:知识问问>生活百科>jquery uploadify动态传递参数如何实现

jquery uploadify动态传递参数如何实现

2024-12-26 20:28:46 编辑:join 浏览量:597

jquery uploadify动态传递参数如何实现

我们在开发工作当中,难免会用到文件上传,那么实现ajax文件上传目前比较流行的插件是uploadify,它是一个很好用而且功能很强大的插件。今天在公司当中,同事问起我关于如何实现uploadfy动态绑定参数提交到后台的问题,其实这个问题并不是很难,但是在网络上很难找到正确的答案,就连官网里的文档也存在差异!那么今天我写了一个例子,把如何实现动态绑定参数的过程详细作一个介绍。希望能帮到那些正在为之努力的朋友们。

下载好的目录结构如图所示,并把它放在你的webRoot下面

在webRoot下面建好你的页面,把uploadfy的初使化配置写在script标签当中,并且要在页面加载完过后就执行。如图所示:

具体配置代码如下:(图略,可直接复制使用)

html简单示例(如图)

参数简单介绍(最重要的几个参数):

uploader:指向你后台的地址

fileObjName:指定你后台用哪一个参数名来获取“文件”

onUploadStart:当开始上传时执行的函数 ,我们等一下要讲的动态绑定就是要写在里面,意思是说,在提交之前我们把数据获取后,同时提交到后台。

.....

重中之重,如何启动动态绑定,官网是这样说的(如图)

纠正,官网的这种方式,是传一个参数的情况。而我们要使用的方式是:整个对象作为动态参数传到后台,你应该这样写(如图:)

代码指导:

$('#uploadify').uploadify('settings','formData',element);

element就是你要传递的对象,而formData会去得写你的formData函数。所以这里要用formData来传递。

标签:jquery,uploadify,参数

版权声明:文章由 知识问问 整理收集,来源于互联网或者用户投稿,如有侵权,请联系我们,我们会立即处理。如转载请保留本文链接:https://www.zhshwenwen.com/life/482849.html
热门文章