Vue之多图上传
最近做的项目涉及到了上传多张图片,基本功能都实现了,能添加多张图片,也能编辑删除图片,但是上传的时候,每次点加号,在文件中选中图片后,渲染的时候总是重复刷新一下。
组件 .vue 如下:
/v1/admin/common/upload 这个路径下的接口:
@PostMapping("/upload")
@ResponseBody
public 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="." 就正常了。