uniapp + uview —— 上传图片

index.vue

javascript 复制代码
<u-upload
   ref="upload"
   max-count="6"
   :header="header"
   :action="action"
   :custom-btn="true"
   :show-tips="false"
   :show-progress="false"
   @on-success="successUpload"
   @on-remove="removeFile"
 ></u-upload>

接口、请求头部

javascript 复制代码
data() {
	fileList: [],
	header: {
      'Content-Type': 'multipart/form-data', //设置multipart/form-data格式
       Authorization: 'Bearer ' + uni.getStorageSync('access_token')
     },
}
computed: {
    action() {
      return url.baseURL + '/upload' // ule.baseURL 从配置地址处引入,获取当前环境url
    }
  },

方法

javascript 复制代码
// 上传
successUpload(data, index, lists, name) {
   this.fileList.push(data.data)
 },
 // 移除
 removeFile(index, lists, name) {
   this.fileList.splice(index, 1)
 }
相关推荐
云起SAAS8 小时前
ai公司起名取名抖音快手微信小程序看广告流量主开源
微信小程序·小程序·ai编程·看广告变现轻·ai公司起名取名
黑马源码库miui520868 小时前
JAVA购物返利商品比价系统源码支持微信小程序
微信·微信小程序·小程序·1024程序员节
学会煎墙9 小时前
使用uniapp——实现微信小程序的拖拽排序(vue3+ts)
微信小程序·uni-app·vue·ts
淡淡蓝蓝10 小时前
uni-app小程序往飞书多维表格写入内容(包含图片)
小程序·uni-app·飞书
晨枫阳10 小时前
uniapp兼容问题处理总结
前端·vue.js·uni-app
iOS阿玮11 小时前
苹果 Swift 安卓SDK上线,用一套 Swift 代码开发安卓 App 成为可能!
uni-app·app·apple
2501_9159214311 小时前
iOS混淆与IPA加固全流程(iOS混淆 IPA加固 Ipa Guard实战)
android·ios·小程序·https·uni-app·iphone·webview
liusheng11 小时前
腾讯地图 SDK 接入到 uniapp 的多端解决方案
前端·uni-app
游戏开发爱好者812 小时前
iOS 26 App 开发阶段性能优化 从多工具协作到数据驱动的实战体系
android·ios·小程序·uni-app·iphone·webview·1024程序员节
2501_9151063212 小时前
深入剖析 iOS 26 系统流畅度,多工具协同监控与性能优化实践
android·ios·性能优化·小程序·uni-app·cocoa·iphone