微信小程序下载视频到相册（带进度条）

微信小程序下载视频到相册，并带进度条

 <button class="desc-note my-button u-font-32" @click="toUpload(video)" style="color:#1975F7;display: inline-block">下载视频</button>
<script>
export default {
methods:{//下载视频async toUpload(url){this.getDownVideo(url)},getDownVideo(url){// 自定义 文件名称uni.showLoading({mask:true,title:'下载中...'})let fileName = new Date().valueOf();const task = uni.downloadFile({url: url,filePath: wx.env.USER_DATA_PATH + '/' + fileName + '.mp4', //  拼接本地文件路径success: (res) => {let filePath = res.filePathuni.saveVideoToPhotosAlbum({filePath,success:(res) => {uni.showToast({title: '下载成功',icon: 'success',})let fileMgr = wx.getFileSystemManager();// 删除本地文件fileMgr.unlink({filePath: wx.env.USER_DATA_PATH + '/' + fileName + '.mp4',success: function(r) {console.log('unlink-getFileSystemManager')console.log(r)},})},fail(err){uni.showToast({title: '保存失败',icon: 'none',})},complete(res) {console.log('saveVideoToPhotosAlbum-complete')console.log(res)}})},fail(err){uni.showToast({title: '下载失败,请稍后再试',icon: 'none',})},complete(res) {console.log('downloadFiledownloadFiledownloadFiledownloadFiledownloadFile')console.log(res)uni.hideLoading()}})task.onProgressUpdate(this.onProgress) },// 提示下载进度onProgress(res){uni.showLoading({mask:true,title: res.progress?'下载中'+res.progress + "%":'下载中...'})},}
}

微信小程序下载视频到相册，并带进度条
微信小程序下载视频到相册，并带进度条
微信小程序下载视频到相册，并带进度条
微信小程序下载视频到相册，并带进度条
微信小程序下载视频到相册，并带进度条
微信小程序下载视频到相册，并带进度条
微信小程序下载视频到相册，并带进度条
微信小程序下载视频到相册，并带进度条
微信小程序下载视频到相册，并带进度条
微信小程序下载视频到相册，并带进度条

微信小程序下载视频到相册（带进度条）相关推荐

微信小程序：音乐播放器带进度条
代码 JS // pages/meddledetails/meddledetails.js var config = require('../../config.js') var util = req ...
微信小程序保存视频到相册wx.saveVideoToPhotosAlbum（）
一.微信小程序保存视频到相册wx.saveVideoToPhotosAlbum() 功能描述保存视频到系统相册.支持mp4视频格式. 参数 Object object 属性类型默认值必填说明 ...
微信小程序多图上传带进度提示的代码实例
实例名称:多图上传进度提示适用范围:微信小程序基础库1.0.1及以上 page.js中书写代码片段如下 Page({data:{src:''},//上传事件upImage(e){wx.choose ...
微信小程序|开发实战篇之七-steps进度条组件
开发实战篇之七前言 0.知识点补充 0.1 $emit()函数 0.2 wxs 0.3 ⚡组件间关系 1.steps进度条组件 1.1.step进度条单元的骨架文件wxml 1.2.step进度条单 ...
微信小程序canvas 画动态圆环百分比进度条实例根据手机屏幕宽度自适应放大缩小
这里是wxml代码: <component-analysis-report active="0" bindselectReport="selectReport&qu ...
微信小程序下载图片获取相册授权，保存视频或图片到手机相册
单独建一个downloadfile.js,将方法导出: downloadfile.js文件: //downloadfile.js/*** 下载单个文件*/ function downloadFile( ...
微信小程序下载视频文件wx.downloadFile下载资源失败
官方示例代码: wx.downloadFile({url: 'https://example.com/audio/123', //仅为示例,并非真实的资源success (res) {// 只要服务器 ...
微信小程序下载视频功能
1.在标签里传递ID <text catchtap="handleDownload" data-link="{{item.link}}">下载< ...
微信小程序下载视频图片
// 保存图片 saveImg() { wx.downloadFile({ url: 'https://........', success: function (res) { console.log ...

微信小程序下载视频到相册（带进度条）

微信小程序下载视频到相册（带进度条）相关推荐

最新文章

热门文章