后台java代码接受jquery uploadify传过来的数据,有什么规则
展开全部
你可以组装成对象接收,也可以将你的参数放在你请求路径后面用?参数1=''&参数2=''的形式
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
我们在开发工作当中,难免会用到文件上传,那么实现ajax文件上传目前比较流行的插件是uploadify,它是一个很好用而且功能很强大的插件。今天在公司当中,同事问起我关于如何实现uploadfy动态绑定参数提交到后台的问题,其实这个问题并不是很难,但是在网络上很难找到正确的答案,就连官网里的文档也存在差异!那么今天我写了一个例子,把如何实现动态绑定参数的过程详细作一个介绍。希望能帮到那些正在为之努力的朋友们。
工具/原料
在官网下载插件
方法/步骤
下载好的目录结构如图所示,并把它放在你的webRoot下面
在webRoot下面建好你的页面,把uploadfy的初使化配置写在script标签当中,并且要在页面加载完过后就执行。如图所示:
具体配置代码如下:(图略,可直接复制使用)
<script type="text/javascript">$(document).ready(function() { $("#uploadify").uploadify({ //开启调试 'debug' : false, //是否自动上传 'auto':false, //超时时间 'successTimeout':99999, //附带值 /* 'formData':{ 'userid':'用户id', 'username':'用户名', 'rnd':'加密密文' }, */ //flash 'swf': "uploadify/uploadify.swf", //不执行默认的onSelect事件 // 'overrideEvents' : ['onDialogClose'], //文件选择后的容器ID 'queueID':'uploadfileQueue', //服务器端脚本使用的文件对象的名称 $_FILES个['upload'] 'fileObjName':'upload', //上传处理程序 'uploader':'${pageContext.request.contextPath}/upload.do', //浏览按钮的背景图片路径 //'buttonImage':'upbutton.gif', //浏览按钮的宽度 'width':'80', //浏览按钮的高度 'height':'32', //expressInstall.swf文件的路径。 'expressInstall':'uploadify/expressInstall.swf', //在浏览窗口底部的文件类型下拉菜单中显示的文本 'fileTypeDesc':'支持的格式:', //允许上传的文件后缀 'fileTypeExts':'*.jpg;*.jpge;*.gif;*.*', //上传文件的大小限制 'fileSizeLimit':'1MB', //上传数量 'queueSizeLimit' : 1, //每次更新上载的文件的进展 'onUploadProgress' : function(file, bytesUploaded, bytesTotal, totalBytesUploaded, totalBytesTotal) { //有时候上传进度什么想自己个性化控制,可以利用这个方法 //使用方法见官方说明 }, //选择上传文件后调用 'onSelect' : function(file) { }, //返回一个错误,选择文件的时候触发 'onSelectError':function(file, errorCode, errorMsg){ switch(errorCode) { case -100: alert("上传的文件数量已经超出系统限制的"+$('#uploadify').uploadify('settings','queueSizeLimit')+"个文件!"); break; case -110: alert("文件 ["+file.name+"] 大小超出系统限制的"+$('#uploadify').uploadify('settings','fileSizeLimit')+"大小!"); break; case -120: alert("文件 ["+file.name+"] 大小异常!"); break; case -130: alert("文件 ["+file.name+"] 类型不正确!"); break; } }, //检测FLASH失败调用 'onFallback':function(){ alert("您未安装FLASH控件,无法上传图片!请安装FLASH控件后再试。"); }, //上传到服务器,服务器返回相应信息到data里 'onUploadSuccess':function(file, data, response){ alert(data+"哈哈哈哈"); }, 'onUploadStart':function(file){ var element = {}; element.one = $("#one").val(); element.two = $("#two").val(); element.three = $("#three").val(); element.four = $("#four").val(); $('#uploadify').uploadify('settings','formData',element); } });});</script>
html简单示例
工具/原料
在官网下载插件
方法/步骤
下载好的目录结构如图所示,并把它放在你的webRoot下面
在webRoot下面建好你的页面,把uploadfy的初使化配置写在script标签当中,并且要在页面加载完过后就执行。如图所示:
具体配置代码如下:(图略,可直接复制使用)
<script type="text/javascript">$(document).ready(function() { $("#uploadify").uploadify({ //开启调试 'debug' : false, //是否自动上传 'auto':false, //超时时间 'successTimeout':99999, //附带值 /* 'formData':{ 'userid':'用户id', 'username':'用户名', 'rnd':'加密密文' }, */ //flash 'swf': "uploadify/uploadify.swf", //不执行默认的onSelect事件 // 'overrideEvents' : ['onDialogClose'], //文件选择后的容器ID 'queueID':'uploadfileQueue', //服务器端脚本使用的文件对象的名称 $_FILES个['upload'] 'fileObjName':'upload', //上传处理程序 'uploader':'${pageContext.request.contextPath}/upload.do', //浏览按钮的背景图片路径 //'buttonImage':'upbutton.gif', //浏览按钮的宽度 'width':'80', //浏览按钮的高度 'height':'32', //expressInstall.swf文件的路径。 'expressInstall':'uploadify/expressInstall.swf', //在浏览窗口底部的文件类型下拉菜单中显示的文本 'fileTypeDesc':'支持的格式:', //允许上传的文件后缀 'fileTypeExts':'*.jpg;*.jpge;*.gif;*.*', //上传文件的大小限制 'fileSizeLimit':'1MB', //上传数量 'queueSizeLimit' : 1, //每次更新上载的文件的进展 'onUploadProgress' : function(file, bytesUploaded, bytesTotal, totalBytesUploaded, totalBytesTotal) { //有时候上传进度什么想自己个性化控制,可以利用这个方法 //使用方法见官方说明 }, //选择上传文件后调用 'onSelect' : function(file) { }, //返回一个错误,选择文件的时候触发 'onSelectError':function(file, errorCode, errorMsg){ switch(errorCode) { case -100: alert("上传的文件数量已经超出系统限制的"+$('#uploadify').uploadify('settings','queueSizeLimit')+"个文件!"); break; case -110: alert("文件 ["+file.name+"] 大小超出系统限制的"+$('#uploadify').uploadify('settings','fileSizeLimit')+"大小!"); break; case -120: alert("文件 ["+file.name+"] 大小异常!"); break; case -130: alert("文件 ["+file.name+"] 类型不正确!"); break; } }, //检测FLASH失败调用 'onFallback':function(){ alert("您未安装FLASH控件,无法上传图片!请安装FLASH控件后再试。"); }, //上传到服务器,服务器返回相应信息到data里 'onUploadSuccess':function(file, data, response){ alert(data+"哈哈哈哈"); }, 'onUploadStart':function(file){ var element = {}; element.one = $("#one").val(); element.two = $("#two").val(); element.three = $("#three").val(); element.four = $("#four").val(); $('#uploadify').uploadify('settings','formData',element); } });});</script>
html简单示例
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询