首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

ajaxForm有关问题集锦,一个神奇的有关问题:使用ajaxForm提交表单下传文件后服务器端返回json数据IE浏览器无法解析

2012-09-01 
ajaxForm问题集锦,一个神奇的问题:使用ajaxForm提交表单上传文件后服务器端返回json数据IE浏览器无法解析?

ajaxForm问题集锦,一个神奇的问题:使用ajaxForm提交表单上传文件后服务器端返回json数据IE浏览器无法解析
???? 最近做一个额照片上传后裁剪的功能,用到 jquery form的ajaxform提交图片保存,然后根据返回的JSON字符串直接在页面上显示出上传的照片,并且使用jcrop进行裁剪保存:JS代码如下

?

    $('#form_portrait').ajaxForm({dataType: 'json',        success: function(json) {if(json.img){$('#f_portrait_temp').attr("width",json.width);$('#f_portrait_temp').attr("height",json.height);$('#f_portrait_temp').attr("src","${base}"+json.img + "?r="+Math.random());$('#img_imgSrcPath').attr("value",json.img);$('#f_portrait_temp').show();$('#f_portrait_temp').ready(function(){    var api = jQuery.Jcrop('#f_portrait_temp',{    setSelect: [ 20, 20, 128, 155 ],    aspectRatio: 4/5,    onChange: showCoords,    onSelect: showCoords    });$('#btn_upload').hide();$('#btn_saves').show();});}else if(json.msg)        alert(json.msg);        }    });

?使用firefox和google 浏览器都很正常,firebug也能看到返回的json和图片裁剪也很正常,但唯独IE浏览器不行,点击上传按钮的时候浏览器直接弹出来下载请求页面,把json数据变成了下载文件,换了很多版本的jquery和form插件都不行。使用ajaxForm提交表单上传文件后服务器端返回json数据IE浏览器无法解析 ,到后来跟踪一个网站同样地功能才找到问题所在,原来

dataType: 'json',

却要返回html。

 RenderUtils.renderHtml(response, json.toString(), "no-cache:false");

?

?

表单中带有 <input type="file" >文件类型的输入框 则使用ajaxForm时会自动将Content-Type
而且还遇到一个问题就是如果:renderText("aaaa");那么在Firefox和chrome接收时会接收<pre>aaaa</pre>和
<pre style="word-wrap: break-word; white-space: pre-wrap;">aaaa</pre>。很疑惑……

热点排行