使用jquery uploadfy插件上传文件返回json格式的处理办法
2012-10-19 13:44
751 查看
/*uploadify文件上传,支持任意格式 */
$("#uploadFile").uploadify({
'auto' : false,//是否自动上传
'multi' : false,//同一时间上传的数量
'preventCaching' : true,
'swf' : '${ctx}/scripts/uploadify-v3.1/uploadify.swf?str='+new Date(),
'uploader' : '${ctx}/upload_uploadFile.action;jsessionid=<%=session.getId()%>',
'buttonText' : '添加附件', //文字
'method' : 'post',
'buttonClass' : 'uploadify-button',
'fileTypeDesc' : 'Any old file you want...',
'fileTypeExts' : '*.*',//设置上传的文件类型
'fileObjName' : 'uploadFile',
'displayData'
: 'percentage',
/* 'queueID' : 'file_queue', */
'fileSizeLimit' : '2048KB',//大小限制,默认kb
'uploadLimit' : 10,//上传文件个数限制
'queueSizeLimit' : 1,
'onUploadSuccess' : function(file, data, response) {
/* data:"20090919142012.jpg" 时间戳加上传文件的后缀,data是带有双引号字符串,直接从actionContext中获取,以json格式返回的字符串 */
/* 方案1:var obj = JSON.parse(data);ie 6\7不支持;优先考虑该方案 */
/* 方案2:var obj = eval("(" + data + ")");最不推荐的方案*/
/* 方案3:如果考虑到兼顾IE6的话可以使用该方案*/
var obj = new Function("return "+data)();
$("#attach").attr("value",obj);
$("#attach_name").html(obj);
$(".display_a").css("display","");
$("#uploadFile").uploadify('disable', true);
$("#upload_a").css("display","none");
},
'onUploadError' : function(file, errorCode, errorMsg, errorString) {
alert('The file' + file.name + ' could not be uploaded: ' + errorString);
},
'onQueueComplete' : function(queueData) {
/* alert(queueData.uploadsSuccessful + ' files were successfully uploaded.'); */
},
'onSelect': function(file){
},
'onCancel' : function(file) {
}
});
$("#uploadFile").uploadify({
'auto' : false,//是否自动上传
'multi' : false,//同一时间上传的数量
'preventCaching' : true,
'swf' : '${ctx}/scripts/uploadify-v3.1/uploadify.swf?str='+new Date(),
'uploader' : '${ctx}/upload_uploadFile.action;jsessionid=<%=session.getId()%>',
'buttonText' : '添加附件', //文字
'method' : 'post',
'buttonClass' : 'uploadify-button',
'fileTypeDesc' : 'Any old file you want...',
'fileTypeExts' : '*.*',//设置上传的文件类型
'fileObjName' : 'uploadFile',
'displayData'
: 'percentage',
/* 'queueID' : 'file_queue', */
'fileSizeLimit' : '2048KB',//大小限制,默认kb
'uploadLimit' : 10,//上传文件个数限制
'queueSizeLimit' : 1,
'onUploadSuccess' : function(file, data, response) {
/* data:"20090919142012.jpg" 时间戳加上传文件的后缀,data是带有双引号字符串,直接从actionContext中获取,以json格式返回的字符串 */
/* 方案1:var obj = JSON.parse(data);ie 6\7不支持;优先考虑该方案 */
/* 方案2:var obj = eval("(" + data + ")");最不推荐的方案*/
/* 方案3:如果考虑到兼顾IE6的话可以使用该方案*/
var obj = new Function("return "+data)();
$("#attach").attr("value",obj);
$("#attach_name").html(obj);
$(".display_a").css("display","");
$("#uploadFile").uploadify('disable', true);
$("#upload_a").css("display","none");
},
'onUploadError' : function(file, errorCode, errorMsg, errorString) {
alert('The file' + file.name + ' could not be uploaded: ' + errorString);
},
'onQueueComplete' : function(queueData) {
/* alert(queueData.uploadsSuccessful + ' files were successfully uploaded.'); */
},
'onSelect': function(file){
},
'onCancel' : function(file) {
}
});
相关文章推荐
- ie8下使用jquery-file-upload上传文件后返回json格式数据提示下载
- jquery.fileupload.js插件使用--后台处理单个上传文件类
- MVC文件上传09-使用客户端jQuery-File-Upload插件和服务端Backload组件让每个用户有专属文件夹,并在其中创建分类子文件夹
- FireFox中使用JQuery的ajaxfileupload插件返回JSON格式数据提示保存的解决方法。
- jQuery上传文件插件AjaxFileUpload的使用
- MVC文件上传08-使用客户端jQuery-File-Upload插件和服务端Backload组件让每个用户有专属文件夹
- Asp.net MVC中使用JQuery插件ajaxFileUpload上传文件
- JQuery.uploadify 上传文件插件的使用详解 for ASP.NET
- jQuery form插件的使用之处理server返回的JSON, XML,HTML数据
- MVC文件上传07-使用客户端jQuery-File-Upload插件和服务端Backload组件裁剪上传图片
- struts2 + ajax(由前台的form提交数据到后台,再根据form所调用返回获取的后台json格式的数据返回到前端,然后前端用jquery对json数据进行解析)==》》涉及文件上传的部分
- 详解jQuery uploadify文件上传插件的使用方法
- MVC文件上传05-使用客户端jQuery-File-Upload插件和服务端Backload组件自定义上传文件夹
- ajaxFileUpload.js上传图片插件,全浏览器兼容,规避json错误,带文件格式大小拦截
- 使用jquery插件ajaxfileupload一次上传多个文件,示例
- jQuery 文件上传插件ajaxFileUpload使用以及onchange问题
- Asp.net MVC中使用JQuery插件ajaxFileUpload上传文件
- struts利用插件jqueryupload上传文件,后台处理文件代码
- 详解jQuery uploadify文件上传插件的使用方法
- Jquery.Uploadify 上传文件插件的使用