index.vue
<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>
接口、请求头部
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
}
},
方法
// 上传
successUpload(data, index, lists, name) {
this.fileList.push(data.data)
},
// 移除
removeFile(index, lists, name) {
this.fileList.splice(index, 1)
}
文章来源地址https://www.toymoban.com/news/detail-658032.html
文章来源：https://www.toymoban.com/news/detail-658032.html
到了这里，关于uniapp + uview —— 上传图片的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
