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)
 }
相关推荐
拼图20914 小时前
微信小程序——配置路径别名和省略后缀
微信小程序·小程序
FinelyYang15 小时前
uniapp video视频全屏播放后退出,页面字体变大,样式混乱问题
前端·javascript·uni-app
浩星15 小时前
vue3+uniapp 使用vue-plugin-hiprint中实现打印效果
前端·vue.js·uni-app
wocwin15 小时前
uniapp 微信小程序Vue3项目使用内置组件movable-area封装悬浮可拖拽按钮(拖拽结束时自动吸附到最近的屏幕边缘)
vue.js·微信小程序
IT 前端 张15 小时前
uni-app在安卓设备上获取 (WIFI 【和】以太网) ip 和 MAC
android·tcp/ip·uni-app
F2E_Zhangmo18 小时前
第一章 uniapp实现兼容多端的树状族谱关系图,创建可缩放移动区域
前端·javascript·uni-app
儿歌八万首18 小时前
UniApp 加载 Web 页面解决方案
javascript·vue.js·uni-app
2501_9159184118 小时前
iOS App 安全加固全流程:静态 + 动态混淆对抗逆向攻击实录
android·ios·小程序·https·uni-app·iphone·webview
半世浮生20 小时前
uniapp开发微信路由踩坑
前端·uni-app
2501_915909061 天前
iOS如何查看电池容量?理解系统限制与开发者级能耗调试方法
android·ios·小程序·https·uni-app·iphone·webview