Ajax 上传文件 取不到返回值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ajax 上传文件 取不到返回值相关的知识,希望对你有一定的参考价值。

js端:
function ajaxFileUpload(type)
$.ajaxFileUpload(
url:'/register/upload.do?action=upload',
secureuri:false,
fileElementId:'userFile',
dataType:'json',
success:function(data,status)
alert("data.userFileName == "+data.userFileName)
if(data.userFileName!=null)
alert("success");
else
alert("failed");

,error:function(data,status,e)
alert(e);

)
return false;

java端:
@RequestMapping(value = "/upload", method = RequestMethod.POST,params = "action=upload")
public void uploadUserImg(MultipartHttpServletRequest request,HttpServletResponse response) throws Exception
Map<String, Object> jsonMap = new HashMap<String, Object>();//定义map
try
MultipartHttpServletRequest multipartRequest = request;
MultipartFile userFile=multipartRequest.getFile("userFile");
//上传图片
jsonMap=uploadImg(userFile, "E:/");
FileUtils.copyInputStreamToFile(userFile.getInputStream(), new File("E:/", userFile.getOriginalFilename()));
System.out.println("上传成功 ");
catch (Exception e)
jsonMap.put("userFileName",null);
e.printStackTrace();
throw e;

renderhtmlText(response, this.gson.toJson(jsonMap));


public void renderHtmlText(HttpServletResponse response, String text)
render(response, "text/html;charset=UTF-8", text);


public void render(HttpServletResponse response, String contentType,
String text)
response.setContentType(contentType);
response.setHeader("Pragma", "No-cache");
response.setHeader("Cache-Control", "no-cache");
response.setDateHeader("Expires", 0);
try
response.getWriter().write(text);
response.getWriter().flush();
catch (IOException e)


js端一直取不到值

参考技术A $.ajaxUploadFile对返回的json值要求较严格,你看看你返回的值是不是如:{"userFileName":"aa.xls"} 参考技术B 参考这篇博文【http://blog.csdn.net/willspace/article/details/49021481】

(1)下载里面的js,并根据博文修正js文件。
(2)客户端采用传JSON的方式,参考博文中JAVA端的处理方式。
(3)自己JSP或者JS中调用上传访法时,datatype设置为JSON格式。

Firefox、Chrome、IE8+都可使用。

真实有效,希望采纳。本回答被提问者采纳
参考技术C 解决了吗?解决了的话求指点啊 我也遇到同样问题了!!! 参考技术D 会不会是你的response写的有问题,你可以在方法前加上@responseBody注解试试

$.ajax() 获取不到return 返回值

/*常见错误示例  直接在 ajax 里面return 结果
*/

 function demo(){
     $.ajax({
         url : ‘test.do‘,
         type : "post",
         data : {},
         async : false,
         success : function(data) {
             return 2;
         }
     });
 }

/* 结果  无返回 */

两个错误写法会导致这种情况:

1.ajax默认为异步,异步不可以直接return返回结果

2.在ajax方法中直接return返回值,嵌套函数中,return该作用域函数的返回值,demo中,demo()为外部函数,return的结果对demo()无效

正确姿势如下

41 /**
42  * (1)同步调用 (2)且在ajax对全局变量进行设值 (3)ajax函数外将变量return
43  * 结果:返回 2。成功获取返回值
44  * 成功原因:先执行result = 2;再往下执行return result;
45  */
46 function demo1(){
47     var result = 1;
48     $.ajax({
49         url : ‘test.do‘,
50         type : "post",
51         data : {},
52         async : false,
53         success : function(data) {
54             result = 2;
55         }
56     });
57     return result;  //2
58 }

 

以上是关于Ajax 上传文件 取不到返回值的主要内容,如果未能解决你的问题,请参考以下文章

使用ajaxFileUpload这个控件上传文件,返回json数据出错?

Ajax异步上传多个文件并返回文件路径

通过 AJAX 上传文件在 Flask 端返回空字典

记一次ajax文件上传

使用 Ajax 和 PHP 上传音频文件

JQuery Ajax从客户端上传文件和其他值[重复]