Commit c58fab6f authored by 乐宝呗666's avatar 乐宝呗666

修改多视频,多图片上传问题

parent ff8a903a
node_modules
package-lock.json
.DS_Store
......@@ -157,8 +157,8 @@ export default {
form: {
username: JSON.parse(localStorage.getItem("userInfo")).orgName,
organId: JSON.parse(localStorage.getItem("userInfo")).orgId,
images: [],
videos: [],
images: [], // 文件地址
videos: [], // 文件地址
},
currentDate: new Date(),
boardList: [],
......@@ -166,8 +166,10 @@ export default {
showBoard: false,
cellIcon: "/images/applets/date.png",
show: false,
fileList: [],
imgFileList: [],
fileList: [], // 预览
imgFileList: [],// 预览
videoIds:[], // 文件ID
imageIds:[] // 文件ID
};
},
mounted() {
......@@ -265,27 +267,30 @@ export default {
return `${value}分`;
},
// 删除图片
deleteImg(file,detail){
async deleteImg(file,detail){
this.form.images.splice(detail.index,1)
return true
const id = this.imageIds[detail.index]
this.imageIds.splice(detail.index,1)
await this.deleteInterface(id)
},
// 上传图片判断
// 上传图片
uploadImg(file) {
let param = new FormData();
if(Array.isArray(file)){
file.forEach(item=>{
this.uploadImgInterface(item.file)
param.append("file", item.file)
})
}else{
this.uploadImgInterface(file.file)
param.append("file", file.file)
}
this.uploadImgInterface(param)
},
uploadImgInterface(file){
// 上传图片接口
uploadImgInterface(param){
let vm = this;
let param = new FormData();
param.append("file", file);
vm.$https(
{
url: "file/image/upload",
url: "file/datum/upload",
method: "post",
authType: this.backToken,
},
......@@ -293,7 +298,10 @@ export default {
)
.then((res) => {
if(res.data.resultCode==='200'){
this.form.images.push(res.data.data.url);
res.data.data.fileList.forEach(item=>{
this.form.images.push(item.fileUrl);
this.imageIds.push(item.id);
})
}else{
this.$toast(res.data.message)
}
......@@ -303,25 +311,27 @@ export default {
});
},
// 删除视频
deleteVideo(file,detail){
async deleteVideo(file,detail){
this.form.videos.splice(detail.index,1)
console.log(this.form.videos)
return true
const id = this.videoIds[detail.index]
this.videoIds.splice(detail.index,1)
await this.deleteInterface(id)
},
// 上传视频
uploadVideo(file) {
let param = new FormData();
if(Array.isArray(file)){
file.forEach(item=>{
this.uploadVideoInterface(item.file)
param.append("file", item.file)
})
}else{
this.uploadVideoInterface(file.file)
param.append("file", file.file)
}
this.uploadVideoInterface(param)
},
uploadVideoInterface(file){
// 上传视频接口
uploadVideoInterface(param){
let vm = this;
const param = new FormData();
param.append("file", file);
vm.$https(
{
url: "file/video/upload",
......@@ -332,7 +342,10 @@ export default {
)
.then((res) => {
if(res.data.resultCode==='200'){
this.form.videos.push(res.data.data.fileList[0].fileUrl);
res.data.data.fileList.forEach(item=>{
this.form.videos.push(item.fileUrl);
this.videoIds.push(item.id);
})
}else{
this.$toast(res.data.message)
}
......@@ -342,6 +355,26 @@ export default {
console.log(err);
});
},
// 删除接口
deleteInterface(id){
this.$https(
{
url: "file/delete/"+id,
method: "delete",
authType: this.backToken,
})
.then((res) => {
if(res.data.resultCode==='200'){
return true
}else{
this.$toast(res.data.message)
return false
}
})
.catch(function (err) {
console.log(err);
});
},
// 提交数据
onSubmit() {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment