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 }); } } }); }) } 这个图片提交功能用hbuilderx的vue要怎么改
时间: 2024-02-04 22:02:05 浏览: 126
在 HBuilderX 的 Vue 项目中,你可以使用以下代码来改写图片提交功能:
```javascript
if (this.chooseImgs.length !== 0) {
this.chooseImgs.forEach((v, i) => {
uni.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) {
// 关闭正在等待的提示
uni.hideLoading();
console.log("把文本的内容和外网的图片数组提交到后台中");
// 提交都成功了
// 重置页面
this.textVal = "";
this.chooseImgs = [];
// 返回上一个页面
uni.navigateBack({
delta: 1
});
}
}
});
});
}
```
在以上代码中,`wx.uploadFile` 方法被替换为 `uni.uploadFile`,`wx.hideLoading` 方法被替换为 `uni.hideLoading`,`wx.navigateBack` 方法被替换为 `uni.navigateBack`。其他部分保持不变。
需要注意的是,HBuilderX 使用的是 uni-app 框架,它是基于 Vue.js 的跨平台开发框架,可以一次编写,多端运行。因此,在代码中使用的是 uni-app 提供的 API 来实现相应功能。
希望以上信息对你有帮助。如果还有其他问题,请随时提问。
阅读全文