首页 >> 大全

Vue之多图上传

2023-06-24 大全 50 作者:考证青年

最近做的项目涉及到了上传多张图片,基本功能都实现了,能添加多张图片,也能编辑删除图片,但是上传的时候,每次点加号,在文件中选中图片后,渲染的时候总是重复刷新一下。

组件 .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="." 就正常了。

关于我们

最火推荐

小编推荐

联系我们


版权声明:本站内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 88@qq.com 举报,一经查实,本站将立刻删除。备案号:桂ICP备2021009421号
Powered By Z-BlogPHP.
复制成功
微信号:
我知道了