hello,我又要细说uniapp了
附件上传,图片上传,视频上传应该是目前手机比较常见的功能,但是对于上传还是有一些需要注意
上传 - 一般有图片上传,附件视频
图片上传
图片的上传 - 直接动手机或者摄像头
官网地址:
uni-app官网
附件或者视频
官网:
uni-app官网
注意 - 微信小程序和app是不支持这个api的 - 对于微信小程序wx.chooseMessageFile(可以从微信聊天会话中进行选择
关于app的上传附件,可以利用原生进行,这篇文章中有记录uniapp实现常用功能_哆来A梦没有口袋的博客-CSDN博客_uniapp常用功能
选择完之后就是上传,uniapp有自己的上传
上传
uni-app官网
上传也很好理解,都有案例,如果要上传自己的参数,可以写在formData里面
其实写这篇文章主要不是讲这几个api,而是讲假设要自己上传附件给后端应该怎么做
用post,上传base64给后端
uni.getFileSystemManager() - 获取全局唯一的文件管理器,利用readFile方法进行转码
要注意的是每个小程序有自己的规范
uni-app官网
写个案例
uni.chooseImage({
count: 1,
success: (res) => {
wx.getFileSystemManager().readFile({
filePath: res.tempFilePaths[0],
encoding: "base64",
success: (result) => {
this.form[name] = 'data:image/png;base64,' + result.data;
this[name] = result.data;
this.$forceUpdate();
}
})
}
})
这个base64文件就是你要传给后端的图片了,
关于上传多个图片给后端
1,循环遍历用uniapp自己的upload方法
2. 利用base64, 在一个接口上传多个图片给后端
码字不易,点个赞啊!