最近做的项目涉及到了上传多张图片,基本功能都实现了,能添加多张图片,也能编辑删除图片,但是上传的时候,每次点加号,在文件中选中图片后,渲染的时候总是重复刷新一下 。
组件 .vue 如下:
文章插图
/v1/admin/common/upload 这个路径下的接口:
文章插图
【Vue之多图上传】
@PostMapping("/upload")@ResponseBodypublic AjaxResult uploadImg(@RequestParam("file") MultipartFile fileupload){if(fileupload != null){String path = OssFileUtils.uploadSingleFile(fileupload);//上传图片return AjaxResult.success(path);}else {return AjaxResult.error();}}/*** @ClassName: DesignFileUtils* @Description: 文件操作工具类* @Author: * @Date: * @Version 1.0**/public class OssFileUtils {/*** @Title: uploadSingleFile* @Description:单个文件上传* @Author:* @param: file* @Date: * @return: java.lang.String 成功返回 文件路径,失败返回null* @throws: */public static String uploadSingleFile(MultipartFile file){if(file == null){log.error("单文件上传失败,文件为空");return null;}try {return OssUtil.upload(OssUtil.generateKey(file.getOriginalFilename()),file.getBytes());} catch (Exception e) {log.error("单文件上传异常【"+file+"】",e);}return null;}}
找了很久也不知道是哪里导致的,直到把引用这个组件的地方改了,它就好了 。之前在引用组件时还写了很多参数,现在只剩下 v-model="." 就正常了 。
- 柴油机的构造和工作原理 电控柴油机控制系统工作原理图
- 霉菌毒素对母猪的危害
- rust怎么修改服务器数据,rust怎么设置服务器图片
- 一图看懂星巴克们的避税套路
- 15款好用的效果图设计制作软件推荐
- 自定义vue组件--实现多图片上传
- 2023年好用的设计图制作软件推荐
- 昏君隋炀帝其实大有作为将青海纳入中国版图
- 如何把低像素图片转成高清,分享四个方法给大家!
- fifo2mig_axi 基于 DDR3 的串口传图帧缓存系统设计实现