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)
 }
相关推荐
吴传逞36 分钟前
记一次uniapp+nutui-uniapp搭建项目
uni-app
雪芽蓝域zzs3 小时前
uni-app倒计时公共组件 封装,倒计时组件
uni-app
2501_915918415 小时前
iOS 开发全流程实战 基于 uni-app 的 iOS 应用开发、打包、测试与上架流程详解
android·ios·小程序·https·uni-app·iphone·webview
黑马源码库miui520866 小时前
JAVA同城打车小程序APP打车顺风车滴滴车跑腿源码微信小程序打车源码
java·微信·微信小程序·小程序·uni-app
一口十个小甜虾7 小时前
微信小程序体验版,当打开调试模式正常访问,关闭之后无法访问
微信小程序·小程序
清风细雨_林木木11 小时前
uni-app 和 uni-app x 的区别
uni-app
iOS阿玮11 小时前
期待iOS开发者加入,共同抵制“苹果税”反垄断招募令!
uni-app·app·apple
普通网友12 小时前
支持二次开发的代练App源码:订单管理、代练监控、安全护航功能齐全,一站式解决代练护航平台源码(PHP+ Uni-app)
安全·uni-app·php
蜕变菜鸟12 小时前
uview使用u-popup组件当开启遮罩层禁止下层页面滚动。uniapp弹框禁止页面上下滚动。
uni-app
毕设源码-邱学长1 天前
【开题答辩全过程】以 基于微信小程序的宠物领养系统为例,包含答辩的问题和答案
微信小程序·小程序·宠物