你的位置:首页 > 信息动态 > 新闻中心
信息动态
联系我们

uniapp的上传

2021/12/9 16:42:12

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, 在一个接口上传多个图片给后端

码字不易,点个赞啊!