腾讯云点播小程序端上传 SDK

云点播是专门应对上传大视频文件的。

腾讯云点播文档:https://cloud.tencent.com/document/product/266/18177

这个文档比较简单,实在不行,把demo下载下来,一看就明白了,然后再揉一下挪到自己的项目里。完事。

getSignature: function(callback) {

uni.request({

url: 'https://www.xxx.com/mnp/zsapi/getSignature.php',

method: 'POST',

data: {

mid: uni.getStorageSync('mid'),

token: uni.getStorageSync('token')

},

header: {

'content-type': 'application/x-www-form-urlencoded'

},

success: function(res) {

if (res.data.signature) {

callback(

res.data.signature

);

} else {

return '获取签名失败';

}

}

});

},

ChooseImage(e) {

console.log(e)

let that = this

// 选择多张图片

uni.chooseMedia({

count: 15, // 最多可以选择的图片张数

mediaType: ['image', 'video'],

sizeType: ['compressed'], // 可以指定是原图还是压缩图

sourceType: ['album'], // 可以指定来源是相册还是相机

// maxDuration: 30,

// camera: 'back',

success: function(res) {

console.log(res, res.tempFiles[0], '???')

if (res.type == 'video') {

if (e == '0') {

uni.showToast({

title: '第一张必须上次图片',

duration: 2000,

icon: 'none'

})

return

}

//选择视频

that.videoFile = res.tempFiles[0]

setTimeout(() => {

that.startUpload(e)

}, 500)

					} else {
						// 选择图片成功,res.tempFiles 包含选择的图片路径列表
						uni.showLoading({
							title: '上传中...'
						})
						// console.log(res.tempFiles)
						that.uploadDIY( res.tempFiles, 0, 0, 0,  res.tempFiles.length,e);
						return
						for (let i = 0; i < res.tempFiles.length; i++) {

							uni.uploadFile({
								url: 'https://www.xxx.com/mnp/zsapi/gongdi_upload.php',
								filePath: res.tempFiles[i].tempFilePath,
								name: 'file',
								formData: {
									'mid': uni.getStorageSync('mid'),
									'token': uni.getStorageSync('token'),
								},
								success(res) {
									const data = JSON.parse(res.data.replace('\uFEFF',
										''))
									console.log(data)
									if (data.bs == 'success') {
										uni.showToast({
											title: data.errmsg,
											duration: 2000,
											icon: 'success'
										})
										that.infolist[e].imglist.push(data.img)
									} else if (data.bs == 'guoqi') {
										uni.showToast({
											title: data.errmsg,
											duration: 2000,
											icon: 'error'
										})
										setTimeout(function() {
											uni.redirectTo({
												url: '../../pagesD/login/login'
											})
										}, 500)
									} else {
										uni.showToast({
											title: data.errmsg,
											duration: 2000,
											icon: 'error'
										})
									}
								},
								fail() {
									uni.showToast({
										title: '服务器繁忙,请稍后再试',
										duration: 2000,
										icon: 'error'
									})
								}
							})
						}
					}
				}
			})
		},
		startUpload(e) {
			let that = this
			uni.showLoading({
				title: '上传中...',
				mask: true,
			})
			const self = this;
			const uploader = VodUploader.start({
				mediaFile: self.videoFile, //必填,把chooseVideo回调的参数(file)传进来
				getSignature: self.getSignature, //必填,获取签名的函数
				error: function(result) {
					console.log("error");
					console.log(result);
					// uni.hideLoading();
					uni.showModal({
						title: "上传失败",
						content: JSON.stringify(result),
						showCancel: false
					});
				},
				progress: function(result) {
					console.log("progress");
					console.log(result);
					// uni.hideLoading();
					self.progress = parseInt(result.percent * 100)
				},
				finish: function(result) {
					console.log("finish");
					console.log(result);
					let brr = []
					let obj = {}
					obj.url = result.videoUrl
					brr.push(`myvideo${e}`)
					that.videoarr = brr
					obj.id =  `myvideo${e}`
					self.infolist[e].videolist.push(obj)
					uni.showToast({
						title: '上传成功',
						duration: 2000,
						icon: 'success'
					})
					self.reset();
				}
			});
			this.uploader = uploader
		},
		uploadDIY(filePaths, successUp, failUp, i, length,e) {
			let that = this
			uni.uploadFile({
				url: 'https://www.xxxx.com/mnp/zsapi/gongdi_upload.php',
				filePath: filePaths[i].tempFilePath,
				name: 'file',
				formData: {
					'mid': uni.getStorageSync('mid'),
					'token': uni.getStorageSync('token'),
				},
				success: (res) => {
					const data = JSON.parse(res.data.replace('\uFEFF',''))
					if (data.bs == 'success') {
						uni.showToast({
							title: data.errmsg,
							duration: 2000,
							icon: 'success'
						})
						successUp++;
						// console.log('上传图片成功:', JSON.parse(res.data));
						// var data = JSON.parse(res.data);
						// console.log(data)
						// 把获取到的路径存入imagesurl字符串中
						that.infolist[e].imglist.push(data.img)
						// console.log(this.data.imagesurl)
					} else if (data.bs == 'guoqi') {
						uni.showToast({
							title: data.errmsg,
							duration: 2000,
							icon: 'error'
						})
						setTimeout(function() {
							uni.redirectTo({
								url: '../../pagesD/login/login'
							})
						}, 500)
					} else {
						uni.showToast({
							title: data.errmsg,
							duration: 2000,
							icon: 'error'
						})
					}
					
				},
				fail: (res) => {
					failUp++;
				},
				complete: () => {
					i++;
					if (i == length) {
						// Toast('总共' + successUp + '张上传成功,' + failUp + '张上传失败!');
					} else { //递归调用uploadDIY函数
						that.uploadDIY(filePaths, successUp, failUp, i, length,e);
					}
				},
			});
			
		},
相关推荐
程序员入门进阶5 小时前
基于微信小程序的电子购物系统的设计与实现(lw+演示+源码+运行)
微信小程序·小程序
运维&陈同学5 小时前
【模块一】kubernetes容器编排进阶实战之k8s基础概念
运维·docker·云原生·容器·kubernetes·云计算
科技云报道6 小时前
推动AI云产业向深向实,云·AI·算力创新发展大会即将启幕
云计算
程序员入门进阶6 小时前
智能社区服务小程序+ssm
小程序·apache
guanpinkeji6 小时前
搭子小程序定制开发:全新找搭子之旅
大数据·小程序·小程序开发·小程序制作·找搭子·搭子小程序
chusheng18406 小时前
Java基于小程序公考学习平台的设计与实现(附源码,文档)
java·学习·小程序·公考小程序·公考学习小程序
一 乐6 小时前
综合文化信息管理系统|基于java和小程序的综合文化信息管理系统设计与实现(源码+数据库+文档)
java·数据库·小程序·综合文化系统小程序
dessler7 小时前
云计算&虚拟化-虚拟化技术介绍
linux·运维·云计算
神秘的土鸡7 小时前
丹摩征文活动 | SD3+ComfyUI的图像部署实践
人工智能·云计算·aigc·ai绘画·gpu算力·安全架构
虞书欣的69 小时前
Python小游戏25——黄金矿工
开发语言·人工智能·游戏·小程序·pygame