javascript - 使用ajaxFileUpload控件上传头像,后台保存图片成功,但是ajax始终没走success或者error回调?
ringa_lee
ringa_lee 2017-04-10 16:15:59
0
4
810

使用ajaxFileUpload控件上传头像,如图所示:

页面请求进入到ajax的时候将file[图片]传递到后台进行保存,如图:

返回json对象,但是ajaxFileUpload中始终没有进入success或者error回调函数,请问这是怎么回事?急用,在线等,大神!!!

ringa_lee
ringa_lee

ringa_lee

membalas semua(4)
左手右手慢动作

你在network中看看请求和响应情况再说呗,光看代码有什么用嘛。

小葫芦

首先说的是如果语法没有错误肯定是会进success 或者error方法的?
从楼主的代码来看,楼主只能问为什么页面没有alert?而不应该问为什么没进success或者error方法。
那没有alert有几种可能alert的时候对象语法有问题,alert被你人为的在浏览器关闭了这个功能(google可以设置不在提示,这个时候可以考虑console);
如果楼主的控制台既不报错,后台数据也正常提交了,不进回调我只能说见了鬼了。

Peter_Zhu

我刚遇到过一样的问题,是json解析错误的原因,查了下是插件的bug,修改之后好了

PHPzhong

问题出现在插件:
$.ajaxFileUpload{

type:post,
url:url,
secureuri:false,  
fileElementId:'file',//file为input标签ID
dataType:'text',//手动设置成text
success:function(data, status)
    {    
        var jsonOut = eval('('+ data +')');
        imgPath = jsonOut.localPath;
        imgSize = jsonOut.picSize;
        headImg.src = imgPath;
        console.log(data)    
    },
    error:function(data,status,e){
            
    }    

}
在后台响应结果response.getWriter.write("{\"result\":\"success\"}");
页面会打印出<pre>{“data”:“success”}</pre>
表示请求成功!
不知道为何返回结果会有<pre>,我也不是很清楚,不过可在插件中加以下代码进行处理:

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("<p>").html(data).evalScripts();
        //alert($('param', data).each(function(){alert($(this).attr('value'));}));

    return data;
}

上传图片若要返回图片路径问题:在后台最后将路径\转换成/,‘\’ = ‘\\\\’,然后使用aval('('+data+')')将String类型转换成json格式并取得数据data.data = success.

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!