腾讯云点播小程序端上传 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);
					}
				},
			});
			
		},
相关推荐
IT·小灰灰9 小时前
告别“翻墙“烦恼:DMXAPI让Gemini-3-pro-thinking调用快如闪电
网络·人工智能·python·深度学习·云计算
Lynnxiaowen10 小时前
今天我们继续学习kubernetes内容Helm
linux·学习·容器·kubernetes·云计算
我是六月生13 小时前
于windows环境下,使用阿里云oss搭建在线图床,Obsidian/Typora自动将图片上传,实现图片粘贴复制
笔记·阿里云·云计算
SaaS_Product14 小时前
有没有像OneDrive一样的自动同步网盘?
人工智能·云计算·saas·onedrive
云起SAAS17 小时前
倒班日历助手抖音快手微信小程序看广告流量主开源
微信小程序·小程序·ai编程·看广告变现轻·倒班日历助手
@HNUSTer17 小时前
基于 GEE 的 Landsat 8 数据构建遥感生态指数(RSEI)并进行生态质量评估
云计算·数据集·遥感大数据·gee·云平台·遥感生态指数(rsei)·landsat 8
骚团长18 小时前
阿里云99元一年的云服务器部署Centos7.9通过MobaXterm安装RustDesk(图文并茂)
阿里云·云计算
sheji341618 小时前
【开题答辩全过程】以 基于微信小程序的失物认领系统为例,包含答辩的问题和答案
微信小程序·小程序
qq_256847888619 小时前
08cms房产多城市版最新v8.7含小程序及装修网的安装及配置方法整理出来希望能帮到大家
小程序·08cms房产系统源码·08cms装饰网门户系统·08cms 房产门户系统源码
风月歌19 小时前
python项目之摄影竞赛小程序
python·mysql·小程序·毕业设计·源码