腾讯云点播小程序端上传 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);
					}
				},
			});
			
		},
相关推荐
赵庆明老师3 小时前
Uniapp微信小程序开发:微信小程序支付功能后台代码
微信小程序·小程序·uni-app
00后程序员张5 小时前
tcpdump 抓包分析,命令、过滤技巧、常见症状定位与移动真机补充方案
网络·测试工具·ios·小程序·uni-app·iphone·tcpdump
九河云7 小时前
如何选择适合的加密方法来保护云计算中的数据
网络·科技·物联网·金融·云计算
会点法律的程序员8 小时前
小程序 地理位置授权怎么搞
前端·小程序·uni-app
真的想不出名儿11 小时前
上传头像到腾讯云对象存储-前端基于antdv
java·数据库·腾讯云
博睿谷IT99_11 小时前
Linux 云计算核心技术:原理、组件与 K8s 实战部署
linux·kubernetes·云计算
2501_9159214311 小时前
iOS 26 电耗监测与优化,耗电问题实战 + 多工具 辅助策略
android·macos·ios·小程序·uni-app·cocoa·iphone
2501_9159214311 小时前
苹果软件混淆与 iOS 应用加固白皮书,IPA 文件加密、反编译防护与无源码混淆方案全解析
android·ios·小程序·https·uni-app·iphone·webview
@二十六11 小时前
微信小程序订阅消息工具封装,兼容一次性订阅和长期订阅
微信小程序·小程序·订阅消息
dcloud_jibinbin13 小时前
【uniapp】体验优化:开源工具集 uni-toolkit 发布
前端·webpack·性能优化·小程序·uni-app·vue