Kissyui 结合spring mvc上传图片功能

用kissyui编辑器自带的上传图片功能,其官方的demo如下:


从serverUrl中的upload.php中可以得到其接受返回值的形式为:"\"imgUrl\":\"http://i.mmcdn.cn/simba/img/T1.DfbXXNiXXb1upjX.jpg?noq=y\""。

此时我们用springMvc做服务器端接受处理时也要在server端返回如上格式的数据:

/**
     * 文本编辑器中的上传图片功能
     */
    @RequestMapping("/shop_upload_file")
    @ResponseBody
    public SimpleJSONView shopUploadFile(HttpServletRequest request,Model model) throws Exception{
    MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;
MultipartFile imgFile = multipartRequest.getFile("fileData");
if(imgFile == null || imgFile.isEmpty()){
return null;
}
String fileName = imgFile.getOriginalFilename();

String result = fileService.uploadFile(imgFile.getBytes(),fileName);
result = WebUtility.getFullFileServerURL()+"/"+result;
result = "{'imgUrl':'"+result+"'}";

logger.info("上传文件返回的结果是:"+result);
model.addAttribute(FILE_RESULT,JSON.parse(result));
SimpleJSONView view = new SimpleJSONView();
view.setRenderedAttribute(FILE_RESULT);

return view;
    }

在此例中重点需要关注上面红色加粗的地方,如果直接返回result,前端是无法解析到的。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值