关于ajaxFileUpload图片上传,success和error都触发的情况

最近做到项目使用JQuery的插件ajaxFileUpload~~~

遇到了非常领人匪夷所思的事情,当图片上传成功之后呢(success),它的error事件也被触发了,情况就是:

  后端数据正确返回

   前端代码无误

   代码如下:

  

 1 $(document).on("change",".JS_uploadFile",function(){
 2     document.domain="bookingctrip.com";//解决图片上传跨域问题
 3     var ajaxTimeOut=$.ajaxFileUpload({
 4         //处理文件上传操作的服务器端地址
 5         url:serviceHOST("boss")+‘/upload/file/uploadCoverImg‘,
 6         secureuri:false,//一般设为false
 7         fileElementId:"JS_uploadFile0",
 8         timeout:10000, //超时时间设置
 9         dataType:‘json‘,//接受数据格式
10         data:formatJson(),//上传数据内容
11         crossDomain : true,
12         success:function(data){//服务器响应成功时的处理函数
13  14                //为什么success和error都走呢?15                //在我各种百度,各种尝试之后发现,ajaxFileUpload这个插件,对于success回调函数里面的js报错不会在控制台输出16              //而是走了它的内部错误异常捕获机制,这个可以在它的源代码内,进行控制台输出可以得到答案         
17               //这个问题怎么解决呢,那就是保证你的success回调函数里面不会有js的语法错误,做好容错就好了20 21   22     },
23        error:function(data, status, e){ //服务器响应失败时的处理函数
24
25  26              2728 29 30 31
32         }
33    })
34 })
时间: 2024-07-30 10:16:54

关于ajaxFileUpload图片上传,success和error都触发的情况的相关文章

uploadify图片上传发生Security Error

今天在使用uploadify进行图片上传的时候出现security error.其根本原因是flash跨域问题.主要原因是因为配了两个域名www.ttyouni.com 和 ttyouni.com 在ttyouni.com存在上传问题,www.ttyouni.com并没有出现上传问题.解决方案添加crossdomain.xml 配置下跨域权限,允许ttyouni.com的访问即可. <?xml version="1.0" encoding="UTF-8"?&g

JQuery的ajaxFileUpload图片上传初试

本案例主要说讲使用ajaxFileUpload实现图片的异步上传. 1.html代码部分 这里的代码,主要设置一下name,后台获取时候要用到,还有设置一个onchange的事件对应的方法:ajaxFileUpload() 1 插入图片:<input style="display:initial;" type="file" alt="插入图片" id="uploadImage" onchange="ajaxFi

AjaxFileUpload文件上传组件(php+jQuery+ajax)

jQuery插件AjaxFileUpload可以实现ajax文件上传,下载地址:http://www.phpletter.com/contents/ajaxfileupload/ajaxfileupload.js 主要参数说明:1,url表示处理文件上传操作的文件路径,可以测试URL是否能在浏览器中直接访问,如上:upload.php2,fileElementId表示文件域ID,如上:fileToUpload3,secureuri是否启用安全提交,默认为false4,dataType数据数据,一

ajaxfileupload异步上传

=====================upload.html======================= <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q

ajax图片上传(ajaxfileupload.js插件)

向后台交互方式: 1.form表单提交,action="url" 2.ajax异步提交 区别: form在提交之后无法获得后台的回调参数,只能由后台工作人员控制提交成功之后的路径跳转:优点是可以直接提交文件,如:图片.txt文件等: ajax很好的处理字符格式的提交并获取提交成功之后的回调参数,但是无法提交图片. ajax提交图片只能把图片格式转化为进制流模式 解决方式: 1 <script type="text/javascript" src="j

php 图片上传 500 Internal Server Error 错误

写php简单上传图片时,发现200k的图片上传时报Internal Server Error错误,检查了 upload_max_filesize,及其他post_max_size.max_input_time.memory_limit. max_execution_time配置项均没有问题,后检查错误日 志:mod_fcgid: HTTP request length 138296 (so far) exceeds MaxRequestLen (131072), 发现问题所在. 原 来是fast

jQuery插件-ajaxFileUpload异步上传文件

ajaxFileUpload是前两天学习过程中接触到的一个JQ插件,功能很简单,就是实现异步上传文件的功能. 1.语法介绍 $.ajaxFileUpload([setting]); 参数说明: (1)url——执行上传处理的地址: (2)secureuri——是否启用安全提交,默认为false: (3)fileElementId——需要上传<input type=”file”>控件id属性值: (4)data——自定义参数,即需要额外传递的JSON格式数据: (5)type——请求方式,提交自

自己动手打造ajax图片上传

今天笔者需要一款图片上传插件,但是网上没有提供一款符合自己需求且好用的.于是就自己动手写了一个. 方法1,仅使用jquery代码,不用第三方插件.代码如下 <p> <label>上传图片</label> <input class="ke-input-text" type="text" id="url" value="" readonly="readonly" /&g

【转】JQuery插件ajaxFileUpload 异步上传文件(PHP版)

前几天想在手机端做个异步上传图片的功能,平时用的比较多的JQuery图片上传插件是Uploadify这个插件,效果很不错,但是由于手机不支持flash,所以不得不再找一个文件上传插件来用了.后来发现ajaxFileUpload这个插件挺不错,所以就用这个插件来做异步上传文件的效果.网上也有很多对ajaxFileUpload插件的使用的文章,不过我发现没有PHP版,所以这次服务器那边的处理就使用PHP语言来处理. 一.先对ajaxFileUpload插件的语法参数进行讲解 原理:ajaxfileu