editor.md七牛云上传图片springboot_Springboot+vue+layui多图片上传+回显

最新推荐文章于 2022-05-11 21:05:14 发布

weixin_39734399

最新推荐文章于 2022-05-11 21:05:14 发布

阅读量126

点赞数

图片上传回显，同时可以删除图片重新上传。演示地址：

https://www.ixigua.com/i6776203926959030796

1、前台代码

    标题

*商品名称

*商品描述

商品视频

上传视频

*商品原价

*商品售价

*商品类别

3C数码书籍生活用品服饰美妆出行其他

*常用选项

*商品主图

上传主图

*商品其他图

上传其他图(最多3张)

2、后台代码

import com.alibaba.fastjson.JSONObject;import org.apache.commons.io.FilenameUtils;import org.springframework.stereotype.Controller;import org.springframework.web.bind.annotation.*;import org.springframework.web.multipart.MultipartFile;import java.io.File;import java.io.IOException;import java.util.ArrayList;import java.util.List;import java.util.UUID;@Controllerpublic class UserController {    @PostMapping("/relgoods/video")    @ResponseBody    public JSONObject relgoodsvideo(@RequestParam(value = "file", required = false) MultipartFile file) throws IOException {        JSONObject res = new JSONObject();        JSONObject resUrl = new JSONObject();        String filename = UUID.randomUUID().toString().replaceAll("-", "");        String ext = FilenameUtils.getExtension(file.getOriginalFilename());        String filenames = filename + "." + ext;        String pathname = "D:file" + filenames;        file.transferTo(new File(pathname));        resUrl.put("src", "/pic/"+filenames);        res.put("msg", "");        res.put("code", 0);        res.put("data", resUrl);        return res;    }    @PostMapping(value="/relgoods/images")    @ResponseBody    public JSONObject relgoodsimages(@RequestParam(value = "file", required = false) MultipartFile[] file) throws IOException {        JSONObject res = new JSONObject();        JSONObject resUrl = new JSONObject();        List imageurls=new ArrayList<>();        for (MultipartFile files:file){            String filename = UUID.randomUUID().toString().replaceAll("-", "");            String ext = FilenameUtils.getExtension(files.getOriginalFilename());            String filenames = filename + "." + ext;            String pathname = "D:file" + filenames;            files.transferTo(new File(pathname));            imageurls.add("/pic/"+filenames);            res.put("msg", "");            res.put("code", 0);        }        resUrl.put("src", imageurls);        res.put("data", resUrl);        return res;    }}