当前位置: 首页 > article >正文

uni-app图片上传

注意:
1、定义:fileList,

2、图片上传请求地址按照自己的修改
 
async afterReadList(event) {  
    let lastFileIndex = this.fileList.length - 1;  
    let remainingCount = lastFileIndex > 9 ? 0 : 10 - lastFileIndex;  
  
    try {  
        let chooseImageRes = await uni.chooseImage({  
            count: remainingCount,  
            sizeType: ['original', 'compressed'],  
            sourceType: ['album'],  
        });  
          
        let files = chooseImageRes.tempFilePaths;  
        let fileListLength = this.fileList.length;  
        let uploadCount = files.length == 1 ? files.length : 11 - fileListLength;  
          
        let uploadPromises = [];  
        for (let i = 0; i < uploadCount; i++) {  
            let file = files[i];  
            uploadPromises.push(new Promise((resolve, reject) => {  
                uni.uploadFile({  
                    url: wx.getStorageSync('apiUrl') + '/common/uploadMinio',  
                    filePath: file,  
                    name: 'file',  
                    formData: {  
                        'user': 'test'  
                    },  
                    header: {  
                        'Authorization': 'Bearer ' + wx.getStorageSync('token')  
                    },  
                    success: (uploadFileRes) => {  
                        let res = JSON.parse(uploadFileRes.data);  
                        if (res.code == '200') {  
                            this.fileList.unshift({  
                                url: res.url,  
                                uid: res.url  
                            });  
                            resolve();  
                        } else {  
                            let x = this.fileList.length - 1;  
                            this.fileList.splice(x, 1);  
                            reject();  
                        };  
                    },  
                    fail: (error) => {  
                        reject(error);  
                    }  
                });  
            }));  
        }  
        await Promise.all(uploadPromises);  
    } catch (error) {  
        console.error('Error while uploading files', error);  
    }  
},


http://www.kler.cn/a/148008.html

相关文章:

  • 群控系统服务端开发模式-应用开发-前端个人信息功能
  • Postman上传图片如何处理
  • 大厂的 404 页面都长啥样?看看你都见过吗~~~
  • HBase理论_背景特点及数据单元及与Hive对比
  • Android Framework AMS(16)进程管理
  • Java的dto,和多表的调用
  • idea打开.class文件没有反编译
  • “SRP模型+”多技术融合在生态环境脆弱性评价模型构建、时空格局演变分析与RSEI 指数的生态质量评价及拓展应用
  • Redis 面试题——持久化
  • Leetcode 2939. Maximum Xor Product
  • 问答知识库快速构建技术解析及行业实践
  • springsecurity6配置三
  • [Java][单列集合+数组遍历方法]通过Lambda表达式简化匿名内部类遍历数组学习体会
  • Python常见基础数据结构
  • 门店管理系统小程序作用是什么
  • 【git】工作中常用的命令
  • linux复习笔记05(小滴课堂)
  • FPGA模块——AD高速转换模块(并行输出转换的数据)
  • SpringBootWeb案例_01
  • RBAC(Role-Based Access Control,基于角色的访问控制)
  • 0040__浅析websocket和http的区别
  • 【解决方案】基于边缘计算技术的安科瑞综合管廊能效管理平台
  • 数据结构-01-数组
  • Node——Node.js简介
  • Python编程进阶:掌握描述符与装饰器的神奇妙用
  • 通过 python 脚本迁移 Redis 数据