使用ajax上传图片(ajaxfileupload.js)
来源:互联网 发布:sql注入的危害性 编辑:程序博客网 时间:2024/06/06 16:35
使用ajaxfileupload.js
页面中如此调用:
javascript:
function uploadImg(){ $.ajaxFileUpload({ url : 'uploadFile.action', secureuri : false, fileElementId : 'file', dataType : 'json', success : function(data, status) { }, error : function(data, status, e) { alert(e); } });}
html:
图片:<input type="file" name="file" id="file" class="required imgFile" size="30" /><input type="button" value="上传" onclick="uploadImg();"/>
需要注意的是,ajaxfileupload.js已经好久没更新了,所以在新版jquery中需要对ajaxfileupload.js做如下更改:
新增两个方法(放到jQuery.extend里):
handleError: function (s, xhr, status, e) { if (s.error) { s.error.call(s.context || s, xhr, status, e); } if (s.global) { (s.context ? jQuery(s.context) : jQuery.event).trigger("ajaxError", [xhr, s, e]); } }, httpData: function (xhr, type, s) { var ct = xhr.getResponseHeader("content-type"), xml = type == "xml" || !type && ct && ct.indexOf("xml") >= 0, data = xml ? xhr.responseXML : xhr.responseText; if (xml && data.documentElement.tagName == "parsererror") throw "parsererror"; if (s && s.dataFilter) data = s.dataFilter(data, type); if (typeof data === "string") { if (type == "script") jQuery.globalEval(data); if (type == "json") data = window["eval"]("(" + data + ")"); } return data; },
修改一个方法:
uploadHttpData: function( r, type ) { var data = !type; data = type == "xml" || data ? r.responseXML : r.responseText; // If the type is "script", eval it in global context if ( type == "script" ) jQuery.globalEval( data ); // Get the JavaScript object, if JSON is used. // 我们修改的地方 if ( type == "json" ){ data = r.responseText; var start = data.indexOf(">"); if(start != -1) { var end = data.indexOf("<", start + 1); if(end != -1) { data = data.substring(start + 1, end); } } eval( "data = " + data ); } // 我们修改完成 // evaluate scripts within html if ( type == "html" ) jQuery("<div>").html(data).evalScripts(); //alert($('param', data).each(function(){alert($(this).attr('value'));})); return data; }
本文引用了互联网上大量的资料,然后自我整理后完成,感谢大家。
0 0
- 使用ajax上传图片(ajaxfileupload.js)
- 使用ajaxfileupload.js实现ajax异步上传
- 图片上传ajaxFileUpload使用
- ajaxfileupload.js、struts2、ajax、json异步上传图片
- ajax ajaxFileUpload 文件(图片)上传
- ajaxfileupload.js异步上传图片
- 使用ajaxFileUpload.js插件实现ajax无刷新上传文件
- 使用ajaxFileUpload.js插件实现ajax无刷新上传文件
- 使用ajaxfileupload.js插件实现Ajax方式上传文件
- ajax无刷新上传(使用ajaxfileupload.js)
- 浏览器图片\文件上传到服务器 ajaxfileupload.js使用实例
- 使用ajaxfileupload.js上传文件
- ajaxfileupload.js 实现异步上传图片
- ajaxfileupload.js+springMVC实现多个图片与数据同一个ajax方法上传
- (Struts2+ajax+json)上传图片(文件)+ajaxfileupload.js插件的粗略分析
- ajax上传文件之ajaxfileupload使用详解
- jsp中上传图片(使用ajaxfileupload)
- php使用AjaxFileUpload上传图片文件实例
- 【codevs1028】花店橱窗布置 费用流(EK)
- Mybatis简单增删改查操作基于Annotation
- Revit二次开发---入门小笔记
- setVisibility()设置过度动画
- Android Activity
- 使用ajax上传图片(ajaxfileupload.js)
- Android 首次开机优化
- oracle存储过程、声明变量、for循环
- ajax接口之一:登录退出系统
- android编译分析之9—dumpvar.mk
- Activty启动通过Action练习
- 1074. Reversing Linked List
- Legolas工业自动化平台案例 —— 水源地自动化监控系统
- 移动开发 反劫持