修复上传图片功能

This commit is contained in:
huangdeliang
2021-03-18 14:02:12 +08:00
parent 84c851d1db
commit 683593ba16
2 changed files with 18 additions and 5 deletions

View File

@ -42,6 +42,7 @@ public class SysFileUploadController extends BaseController {
if (StringUtils.isNotEmpty(fileUrl)) { if (StringUtils.isNotEmpty(fileUrl)) {
ajax = AjaxResult.success(); ajax = AjaxResult.success();
ajax.put("fileUrl", fileUrl); ajax.put("fileUrl", fileUrl);
ajax.put("previewUrl", AliyunOSSUtils.generatePresignedUrl(fileUrl));
ajax.put("fileName", file.getOriginalFilename()); ajax.put("fileName", file.getOriginalFilename());
} else { } else {
ajax = AjaxResult.error("文件上传失败"); ajax = AjaxResult.error("文件上传失败");

View File

@ -357,7 +357,9 @@
<em class="el-icon-upload" /> <em class="el-icon-upload" />
<div class="el-upload__text"> <div class="el-upload__text">
将文件拖到此处<em>点击上传</em> 将文件拖到此处<em>点击上传</em>
<div style="font-size: 12px; color: #8c8c8c">最多可上传5个文件且每个文件不超过10M</div> <div style="font-size: 12px; color: #8c8c8c">
最多可上传5个文件且每个文件不超过10M
</div>
</div> </div>
</el-upload> </el-upload>
</el-form-item> </el-form-item>
@ -598,8 +600,18 @@ export default {
submitForm() { submitForm() {
this.$refs["form"].validate((valid) => { this.$refs["form"].validate((valid) => {
if (valid) { if (valid) {
if (this.form.id != null) { const params = JSON.parse(JSON.stringify(this.form));
updateIngredient(this.form).then((response) => { params.imgList = params.imgList.reduce((arr, cur) => {
if (cur.url) {
arr.push({
url: cur.url.substring(0, cur.url.indexOf("?")),
name: cur.name,
});
}
return arr;
}, []);
if (params.id != null) {
updateIngredient(params).then((response) => {
if (response.code === 200) { if (response.code === 200) {
this.msgSuccess("修改成功"); this.msgSuccess("修改成功");
this.open = false; this.open = false;
@ -607,7 +619,7 @@ export default {
} }
}); });
} else { } else {
addIngredient(this.form).then((response) => { addIngredient(params).then((response) => {
if (response.code === 200) { if (response.code === 200) {
this.msgSuccess("新增成功"); this.msgSuccess("新增成功");
this.open = false; this.open = false;
@ -658,7 +670,7 @@ export default {
this.form.imgList = fileList.map((data) => { this.form.imgList = fileList.map((data) => {
const { name, url, response } = data; const { name, url, response } = data;
if (response) { if (response) {
return { url: response.fileUrl, name: response.fileName }; return { url: response.previewUrl, name: response.fileName };
} }
return { url, name }; return { url, name };
}); });