uniapp上传文件问题以及返回上一页出现退出app的问题记录

uniapp上传文件使用uni.uploadFile,如果直接一次性在success里完成会导致页面自动刷新,特别是添加了本页面有onshow()方法,上传完会自动调用onshow()方法。

建议使用官方的方式分成两个方法处理:

javascript 复制代码
async afterRead(event) {

    let fileListLen =this.fileList.length;

    for (let i = 0; i < event.file.length; i++) {
      that.uploadPromise(event.file[i]).then(result=>{
          let item = this.fileList[fileListLen]//当前文件
          item.status ="success"
          item.message =""
          item.url =result
          fileListLen++
      })

    }

},

async uploadPromise(myfile: { url: any; name: any; type: any; }) {
      let accessToken = uni.getStorageSync('access-token')
                return new Promise((resolve, reject) => {
                    console.log(myfile.type)
                    uni.uploadFile({//后台读取不到文件名
                      url: env.baseUrl+'api/Problem/uploadAttachs',
                      //file:myfile,//浏览器环境只能用单文件方式上传
                      filePath:myfile.url,//app环境能用多文件或本地文件路径方式上传
                      name:'file',
                      header:{
                          'ignoreCancelToken': true,
                          'Authorization':`Bearer ${accessToken}`
                      },
                      formData:{
                          file: myfile,
                          fileName: myfile.name,
                          fileType: myfile.type
                      },
                      timeout:180000,
                      success: (res) => {
                          console.log('上传结果'+res.data)
                        let resdata = JSON.parse(res.data);
                        setTimeout(() => {
                          let fileurl = resdata.result?resdata.result.url:'';
                          resolve(fileurl);
                        }, 1000);
                      },
                      fail: (error) => {
                        reject(error);
                      }
                    });
                });
            }

后端返回的文件相对路径,再保存方法中处理一起提交。但莫名奇妙的出现提交完成后直接退出的情况,一搜索啥都找不到。ai提示使用事件阻止event.preventDefault();但这里似乎不合适。

真机测试发现就是uni.showToast方法的问题。

javascript 复制代码
updateProblem(reqdata).then(res => {
						if (res.code == 200) {
							uni.navigateBack({
								delta: 1 // 返回上一级页面
							});
							//与返回上一页一起使用弹窗会导致直接退出app
							// uni.showToast({
							// 	title: '编辑成功',
							// 	icon: 'success',
							// 	duration: 2000
							// });
						}
						else{
							uni.showToast({
								title: '编辑失败',
								icon: 'warning',
								duration: 2000
							});
						}
					}).catch(()=>{
						uni.showToast({
							title: '编辑保存异常,请稍后再试!',
							icon: 'warning',
							duration: 2000
						});
					})

真的很奇怪,提交完成后返回上一页就不能提示了。

相关推荐
饼饼饼11 分钟前
React 组件间传参好痛苦?试试这一套"优雅组合拳":Context 与 Refs 实战
前端
qq_419854051 小时前
空间网格管理器
前端·javascript·html
qingmiaozhuan1 小时前
电脑录屏没有声音还能补救吗?音频采集链路详解及4种技术方案
前端·电脑·音视频·开发工具·电脑录屏·电脑录屏软件
天若有情6731 小时前
Dev_Portfolio 个人主页html网页源码分享!!!
前端·html·源码·个人主页
李剑一2 小时前
ant-design-vue 1.x 版本换肤功能开发
前端·vue.js·ant design
京东云开发者2 小时前
【Coding生态】从代码托管到 AI 能力底座:与Coding一起共建 AI 研发生态
前端
guhy fighting2 小时前
x-www-form-urlencoded,form-data,raw 表单请求格式的区别
前端·表单请求格式
李明卫杭州2 小时前
Vue2 与 Vue3 自定义指令详解:钩子变化、迁移指南与实战示例
前端·javascript·vue.js
问商十三载2 小时前
大模型GEO内容更新频率:3个节奏规律提收录权重,零成本提30%引用率附更新计划表
前端·人工智能·机器学习
yingyima2 小时前
sed 命令速查手册:从一次午夜事故说起
前端