el-upload上传多张图片传给后端相路径及修改和回显的逻辑
时间: 2023-09-01 22:13:55 浏览: 130
element ui多图片上传加修改回显
对于el-upload上传多张图片传给后端相路径及修改和回显的逻辑,可以按照以下步骤进行实现:
1. 在前端页面中,使用el-upload组件上传多张图片,并将上传的图片保存在一个数组中。
2. 在上传成功后的回调函数中,将上传成功的图片的信息(例如文件名、文件路径等)保存在一个数组中。
3. 将保存成功的图片信息数组通过ajax发送到后端。在后端中,根据图片路径和名称等信息,将图片保存到指定的文件夹中。
4. 对于需要修改图片的情况,可以在后端中提供一个接口,接收前端传来的修改请求,并根据图片的名称和路径等信息,找到对应的图片进行修改。
5. 对于需要回显图片的情况,可以在前端中将图片的路径保存在一个数组中,并将数组中的路径渲染到页面中,从而实现图片的回显。
需要注意的是,在上传和修改图片时,应该对文件进行重命名,以避免文件名重复的问题。同时,为了保证上传的图片能够正常显示,应该将图片保存在一个能够被访问的公共路径下。
阅读全文