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

uniapp请求封装上传

1、如何封装请求👉uniapp请求封装_uniappx uts vue3 api request封装请求login-CSDN博客

2、封装上传图片的功能

// 图片
const Upload = (url, source, formData) => {return new Promise(function (resolve, reject) {let header = {};if (uni.getStorageSync("token")) {header = {// 'Content-Type': ContentType,authorization: uni.getStorageSync("token"),};}uni.uploadFile({url: BASE_URL + url,filePath: source,name: 'file',formData,// name,header,success: function (res) {let obj1 = JSON.parse(res.data);uni.hideLoading();if (obj1.code !== 200) {uni.showToast({title: obj1.message,icon: "none",duration: 2000,});} else {uni.showToast({title: "上传成功",icon: "success",duration: 1000,});resolve(obj1)}},fail: function (err) {console.log(JSON.stringify(err), "失败999");uni.hideLoading();uni.showToast({title: "加载失败, 请稍后再试!",icon: "none",duration: 2000,});},complete: function () {},});});
};export { Upload };

3、具体接口的请求js,内容如下:

import { Upload } from './request'
// 获取场景列表
const uploadImg = (source, formData) => {return Upload('/uploadImg', source, formData)
}export {uploadImg,
}

http://www.lryc.cn/news/596385.html

相关文章:

  • 最新植物大战僵尸杂交版最新版本2.5.1版,内置触屏+加速+全屏,附PC+安卓+iOS最全安装教程!
  • C#文件操作(创建、读取、修改)
  • Java学习-------事务失效
  • 从“点状用例”到“质量生态”:现代软件测试的演进、困局与破局
  • Vue3 学习教程,从入门到精通,Vue3 循环语句(`v-for`)语法知识点与案例详解(13)
  • C# 属性
  • XSS(跨站脚本)
  • CPU 密集型 和 I/O 密集型 任务
  • 达梦数据库表字段增加时报错[-2106]:无效的表或视图名,[-2116]:列[IS_REPEAT]已存在
  • 【C++】第十八节—一文万字详解 | map和set的使用
  • 如何搭建appium工具环境?
  • Go的异常处理+文件处理
  • JAVA API (三):从基础爬虫构建到带条件数据提取 —— 详解 URL、正则与爬取策略
  • M3088NL是一款网络滤波器/变压器支持100M和1000M网络环境,适用于高速网络传输场景M3088
  • 在腾讯云上安装gitlab
  • HCIP第一二章笔记整理
  • 网络基础DAY16-MSTP-VRRP
  • 公司内部网址怎么在外网打开?如何让外网访问内网的网站呢?
  • 5G工业路由器如何凭借高性价比助力多行业数字化转型?
  • Hugging Face 模型的缓存和直接下载有什么区别?
  • TI DLP3010光机与相机触发使用指南
  • Android app如果不适配Android 15会怎么样
  • 一款基于 WPF 开源、功能全面的串口调试工具
  • 【Spark征服之路-3.7-Spark-SQL核心编程(六)】
  • Aspose.Cells 应用案例:法国能源企业实现能源数据报告Excel自动化
  • 中国科技信息杂志中国科技信息杂志社中国科技信息编辑部2025年第14期目录
  • stm32 智能小车
  • vue2使用v-viewer实现自动预览
  • S2B2C电子商务模式介绍
  • 【Pytest】从配置到固件的使用指南