Lomo Fu 2019-05-25 00:09 采纳率: 0%
浏览 1703

SpringMvc+layui 实现图片上传更新头像 但是总弹出接口异常(很急!!!!)

图片说明

前端请求时候 url 500

<script src="${pageContext.request.contextPath}/resources/layui.all.js"></script>
<script>
    $ = layui.$;
    var $ = layui.jquery
    var form = layui.form;
    var element=layui.element;
    var layer=layui.layer;
    var upload = layui.upload;
    $("#nav").load("/filmos/nav");

    upload.render({
        elem: '#choose'
        , auto: false
        , url: '${pageContext.request.contextPath}/user/updateuserimg'
        ,accept: 'file'
        , bindAction: '#upload'
        , choose: function (obj) {//选择文件的回调,obj为选中的文件
            //将每次选择的文件追加到文件队列
            var files = obj.pushFile();
            //预览选中的文件(本地文件)
            obj.preview(function (index, file, result) {
                $('#user-img').attr('src', result);
                $('#upload').css('display', 'block');

            });
        }
        , before: function (obj) {//文件上传前的回调
        }
        , done: function (res) {
            if (res.code==200) {
                location.href = "${pageContext.request.contextPath}/ok"
            }else {
                //演示失败状态,并实现重传
                return layer.msg(res.msg);

            }

        }
        ,error: function(res) {
            console.log(res);
            console.log(res.code);
            console.log(res.msg);

            var demoText = $('#demoText');
            demoText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
            demoText.find('.demo-reload').on('click', function () {
                uploadInst.upload();
            });
        }
    });

</script>

</body>
</html>

js代码

图片说明

但是实际上功能是实现了的 数据库中也更新了 但是每次都会弹出接口异常

//上面还有个requestmapping是user 通过user/updateuserimg到这个方法
@ResponseBody
    @RequestMapping(value = "/updateuserimg", method = {RequestMethod.POST,RequestMethod.GET})
    private JSONObject updateUserImg(@RequestParam(value = "file", required = false) CommonsMultipartFile multipartFile, HttpSession session) throws IOException{
        User user = (User) session.getAttribute("user");
        JSONObject jsonObject=new JSONObject();
        if (multipartFile != null && multipartFile.getSize() > 0&& user!=null) {
            userService.updateUserImg(user, multipartFile.getInputStream(), multipartFile.getOriginalFilename());
            session.setAttribute("user", userService.login(user));
            jsonObject.put("code",200);
            jsonObject.put("msg","更新成功!");
            jsonObject.put("src",user.getUserImg());
            return jsonObject;
        } else {
            jsonObject.put("code",400);
            jsonObject.put("msg","更新失败!");
            return jsonObject;

        }
    }
}

Contoller的代码
图片说明

ssm配置的

图片说明

图片说明图片说明

  • 写回答

2条回答 默认 最新

  • 莀曦尘 2019-11-16 12:33
    关注

    返回的json格式不对

    评论

报告相同问题?

悬赏问题

  • ¥50 有数据,怎么用matlab求全要素生产率
  • ¥15 TI的insta-spin例程
  • ¥15 完成下列问题完成下列问题
  • ¥15 C#算法问题, 不知道怎么处理这个数据的转换
  • ¥15 YoloV5 第三方库的版本对照问题
  • ¥15 请完成下列相关问题!
  • ¥15 drone 推送镜像时候 purge: true 推送完毕后没有删除对应的镜像,手动拷贝到服务器执行结果正确在样才能让指令自动执行成功删除对应镜像,如何解决?
  • ¥15 求daily translation(DT)偏差订正方法的代码
  • ¥15 js调用html页面需要隐藏某个按钮
  • ¥15 ads仿真结果在圆图上是怎么读数的