// 判断有没有需要上传的图片数组 if (chooseImgs.length != 0) { chooseImgs.forEach((v, i) => { wx.uploadFile({ // 图片要上传到哪里 url: 'https://images.ac.cn/Home/Index/UploadAction/', // 被上传的文件的路径 filePath: v, // 上传的文件的名称 后台来获取文件 file name: "file", // 顺带的文本信息 formData: {}, success: (result) => { console.log(result); let url = JSON.parse(result.data).url; this.UpLoadImgs.push(url); // 所有的图片都上传完毕了才触发 if (i === chooseImgs.length - 1) { //关闭正在等待的提示 wx.hideLoading(); console.log("把文本的内容和外网的图片数组 提交到后台中"); // 提交都成功了 // 重置页面 this.setData({ textVal: "", chooseImgs: [] }) // 返回上一个页面 wx.navigateBack({ delta: 1 }); } } }); }) } 这个图片提交功能要怎么跟上面的合并在一块
时间: 2024-02-05 18:03:19 浏览: 63
要将上述的图片提交功能与之前的代码进行合并,你可以按照以下步骤进行操作:
1. 首先,在你的 Vue 组件的 `data` 属性中添加 `chooseImgs` 和 `UpLoadImgs` 字段,并进行初始化:
```javascript
data() {
return {
chooseImgs: [], // 用来存储选择的图片路径数组
UpLoadImgs: [] // 用来存储上传成功后的图片路径数组
};
},
```
2. 然后,在需要提交图片的地方,将之前的图片提交代码插入到其它逻辑之中:
```javascript
// 判断有没有需要上传的图片数组
if (this.chooseImgs.length != 0) {
this.chooseImgs.forEach((v, i) => {
wx.uploadFile({
// 图片要上传到哪里
url: 'https://images.ac.cn/Home/Index/UploadAction/',
// 被上传的文件的路径
filePath: v,
// 上传的文件的名称 后台来获取文件 file
name: "file",
// 顺带的文本信息
formData: {},
success: (result) => {
console.log(result);
let url = JSON.parse(result.data).url;
this.UpLoadImgs.push(url);
// 所有的图片都上传完毕了才触发
if (i === this.chooseImgs.length - 1) {
// 关闭正在等待的提示
wx.hideLoading();
console.log("把文本的内容和外网的图片数组提交到后台中");
// 提交都成功了
// 重置页面
this.textVal = "";
this.chooseImgs = [];
// 返回上一个页面
wx.navigateBack({
delta: 1
});
}
}
});
});
} else {
// 没有需要上传的图片时直接执行其他逻辑
// ...
}
```
通过以上步骤,你将原来的图片提交代码与之前的逻辑进行了合并。当 `chooseImgs` 数组中有图片路径时,会依次上传图片并在全部上传完成后执行提交成功的操作。如果 `chooseImgs` 数组为空,则直接执行其他逻辑。
希望这样的合并操作对你有帮助。如果还有其他问题,请随时提问。
阅读全文