springboot+vue+element-ui实现图片上传

蠽尼龟

于 2020-10-26 11:47:12 发布

阅读量2.4k

点赞数 4

文章标签： vue spring boot elementui

本文链接：https://blog.youkuaiyun.com/qq_41979882/article/details/109286903

版权

本文档介绍了如何结合SpringBoot后端和Vue+Element-UI前端实现图片上传功能。通过前端JS调用API，后端使用UploadUtils工具类处理文件上传，控制器接收并返回响应。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

（转载）实现完成后发现原文链接找不到了，历史记录也没找到，所以只能发原创记录一下，见谅见谅，只供自己学习记录。

前端：

<el-table-column label="操作">
		<template slot-scope="scope">
		<el-upload class="upload-demo" action="写自己的后台接口" :on-preview="handlePreview"
		 :on-remove="handleRemove"
		:before-remove="beforeRemove" multiple :limit="3" :on-exceed="handleExceed"
		:file-list="fileList">
		<el-button size="small" type="primary">上传图片</el-button>
	<!--  <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div> -->
		</el-upload>
		</template>
</el-table-column>

js:

handleRemove(file) {
			    return this.$confirm(`确定移除 ${ file.name }？`);
				console.log(file);
			},

最低0.47元/天解锁文章