uniapp云存储实现图片上传和存储?

360 阅读1分钟

1.uni-file-picker实现前端上传获取tempFilePaths

		@progress="progress" @success="success" @fail="fail" limit="2"></uni-file-picker>

2.开通云服务器使用云储存

image.png 3.关联云服务器,使用uniCloud.uploadFile上传图片资源

image.png

      uniCloud.uploadFile({
			   filePath: tempFilePaths,
		           success(e) {
				      }
})

4.建立图库表,保存fileID和图片名称到数据库 5.使用:通过getTempFileURL和fileID获取图片进行展示

const fileID ="xx";
uniCloud.getTempFileURL({
			  fileList: [fileID],
			  success: function(res) {
					console.log(res)
				                 }
			})

image.png