跨平台应用开发进阶(二十四) ：uni-app实现文件下载并保存

转载 作者：知者 更新时间：2024-03-13 02:02:03 29 4

downLoadFile() {
    const downloadTask = uni.downloadFile({
        url: 'http://img.netbian.com/file/2019/0414/7bee7eef5fc44417a0b02a46576e7e16.jpg', //仅为示例，并非真实的资源
            success: (res) => {
                if (res.statusCode === 200) {
                    console.log('下载成功');
                }
                this.dd = res.tempFilePath;
                console.log(this.dd);
        }
    });

    downloadTask.onProgressUpdate((res) => {
        console.log('下载进度' + res.progress);
        console.log('已经下载的数据长度' + res.totalBytesWritten);
        console.log('预期需要下载的数据总长度' + res.totalBytesExpectedToWrite);
    });
}

downLoadFile() {
    const downloadTask = uni.downloadFile({
        url: 'http://img.netbian.com/file/2019/0414/7bee7eef5fc44417a0b02a46576e7e16.jpg', //仅为示例，并非真实的资源
        success: (res) => {
            if (res.statusCode === 200) {
                console.log('下载成功');
            }
            let that = this;
            uni.saveFile({
                tempFilePath: res.tempFilePath,
                    success: function(red) {
                        that.luj = red.savedFilePath
                        console.log(red)
                    }
                });
            }
        });

        downloadTask.onProgressUpdate((res) => {
            console.log('下载进度' + res.progress);
            console.log('已经下载的数据长度' + res.totalBytesWritten);
            console.log('预期需要下载的数据总长度' + res.totalBytesExpectedToWrite);
    });
}

//文件保存到本地
uni.saveFile({
    tempFilePath: data.tempFilePath, //临时路径
    success: function(res) {
        uni.showToast({
            icon: 'none',
            mask: true,
            title: '文件已保存：' + res.savedFilePath, //保存路径
            duration: 3000,
        });
        setTimeout(() => {
            //打开文档查看
            uni.openDocument({
                filePath: res.savedFilePath,
                success: function(res) {
                    // console.log('打开文档成功');
                }
            });
        }, 3000)
    }
});

uni.downloadFile({
   url: imgUrl[0],
   success: (res) => {
       if (res.statusCode === 200) {
           //保存图片到系统相册
           uni.saveImageToPhotosAlbum({
               filePath: res.tempFilePath,
               success: function() {
                   uni.showToast({
                       title: "保存成功",
                       icon: "none"
                   });
                   return
               },
               fail: function() {
                   uni.showToast({
                       title: "保存失败，请稍后重试",
                       icon: "none"
                   });
                   return
               }
           });
       }
   }
})

29 4 0

• uni-app微信小程序GPS位置获取爬坑

  前情 uni-app是我比较喜欢的跨平台框架，它能开发小程序/H5/APP(安卓/iOS)，重要的是对前端开发友好，自带的IDE让开发体验也挺棒的，现在所在公司项目有抖音、快手、微信、支付、APP端

• uni-app动态修改主题色

  老是碰到初版制作完成没多久，就整一出说什么要更改整个项目的色彩体系。真的是宝宝心里苦啊. 起初都是通过uni项目自带的uni.scss中定义，在替换页面上对应的css。以便于达到一次性修改整体布局的

• uni-app之camera组件-人脸拍摄

  小程序录制视频；10-30秒；需要拍摄人脸，大声朗读数字（123456）这种。 1.camera组件 camera页面内嵌的区域相机组件。注意这不是点击后全屏打开的相机 camera只支持小程序

• uni-app之camera组件-人脸拍摄

  小程序录制视频；10-30秒；需要拍摄人脸，大声朗读数字（123456）这种。 1.camera组件 camera页面内嵌的区域相机组件。注意这不是点击后全屏打开的相机 camera只支持小程序

• uni-app 路由封装（简易版）

  在实践运用中，经常需要在路由跳转时判断是否需要登录权限，页面跳转时，添加加在if判断。 插件市场也有一些这种插件，配置也稍微复制，大部分朝向vue-router。 注：本次路由封装，只是单纯的判断是否

• uni-app+vue3会遇到哪些问题

  已经用 uni-app+vue3+ts 开发了一段时间，记录一下日常遇见的问题和解决办法 。 uni-app 中的单端代码 uni-app 是支持多端，如果你想让你的代码，只在部分平台使

• uni-app+.NET7实现微信小程序订阅消息推送

  微信小程序的订阅消息是小程序的重要能力之一，为实现服务的闭环提供更优的体验。订阅消息我们应该经常见到，比如下单成功之后的 服务通知 ，支付成功后的 支付成功通知 ，都属于小程序的订阅消息。

• uni-app 自定义底部导航栏的实现

  这是我目前发现较好的uni-app 自定义底部导航栏方法，其他方法的缺点主要是在切换时，要么会闪烁，要么会每点击一下，都会请求一次数据。如果有其他更好的方法，欢迎评论留言，最近才开始用uni-app

• 跨平台应用开发进阶(十三) ：uni-app应用异常退出时处理机制探究

  一、前言 应用uni-app跨端框架开发APP过程中，遇到以下新增需求： 应用在闪崩或异常退出时，用户希望正在填写的大量信息可以得以保存。当用户再次打开APP时，之前未提交的信息可回显。 刚开始会考虑

• 跨平台应用开发进阶(二十四) ：uni-app实现文件下载并保存

  一、资源下载 APP应用开发过程中，资源下载是一种常见应用场景。uni-app中应用uni.downloadFile实现文件下载功能。示例代码如下： downLoadFile() { cons

• 跨平台应用开发进阶(二十五) ：uni-app实现IOS云打包解决IOS提交审核相册等隐私描述语导致审核失败问题

  一、问题描述 Guideline 5.1.1 - Legal - Privacy - Data Collection and Storage We noticed that your app requ

• 跨平台应用开发进阶(二十四) ：uni-app实现文件下载并保存

  一、资源下载 APP应用开发过程中，资源下载是一种常见应用场景。uni-app中应用uni.downloadFile实现文件下载功能。示例代码如下： downLoadFile() { cons

• 跨平台应用开发进阶(二十五) ：uni-app实现IOS云打包解决IOS提交审核相册等隐私描述语导致审核失败问题

  一、问题描述 Guideline 5.1.1 - Legal - Privacy - Data Collection and Storage We noticed that your app requ

• quarkus - Mutiny Uni 转换为原始类型

  到目前为止，我已经在 Quarkus 中使用 smallrye Mutiny 完成了非常基本的工作。基本上，我有一个或两个非常小的网络服务，它们只与网络应用程序交互。这些服务返回 Uni . 现在我正

• quarkus - Mutiny Uni 转换为原始类型

  到目前为止，我已经在 Quarkus 中使用 smallrye Mutiny 完成了非常基本的工作。基本上，我有一个或两个非常小的网络服务，它们只与网络应用程序交互。这些服务返回 Uni . 现在我正

• java - 我的图书馆与我的 UNI 应用程序有多个连接

  我正在开发一个使用 C++ 库的 java 应用程序。我的应用程序类型是客户端/服务器 RCP(基于 eclipse 插件)。问题是当我尝试将 2 个以上客户端连接到我的服务器时，它总是卡住。奇怪的是

• java - uni-catch 的异常参数可能是有效的最终参数？

  来自The Java® Language Specification:的声明 An exception parameter of a uni-catch clause is never implici

• C 程序 - Uni 处理器系统上的输出？

  在嵌入式系统中，由于各种合理的原因，趋势仍然没有完全转向多核处理器。 因此，了解单处理器系统使用各种机制和多线程功能的同步行为仍然很重要。此外，每当我接受采访时，他们都会问我有关特定 C 程序在 un

• javascript - 如何使用字符串中字符的 uni 代码填充数组？

  我编写了一个函数，目的是为字符串中的每个字母填充一个带有 uni 代码字符的数组。 但是我返回的结果是一个空值数组。 function rot13(str) { var splitString =

• mySQL:源文件始终放入数据库 "uni"而不是所需的数据库

  我在尝试在 .sql 数据库中获取数据源时遇到了 mySQL 问题。我正在运行 Ubuntu 15.10 并通过终端使用 mySQL。这是我获取数据库的过程: mysql -u root - p 输入