【愚公系列】《微信小程序与云开发从入门到实践》037-文件下载与上传

愚公搬代码

已于 2024-12-21 22:04:10 修改

阅读量3.5w

点赞数 21

分类专栏：愚公系列-书籍专栏文章标签：微信小程序小程序

于 2024-09-22 22:24:41 首次发布

本文链接：https://blog.csdn.net/aa2528877987/article/details/142445322

版权

标题	详情
作者简介	愚公搬代码
头衔	华为云特约编辑，华为云云享专家，华为开发者专家，华为产品云测专家，CSDN博客专家，CSDN商业化专家，阿里云专家博主，阿里云签约作者，腾讯云优秀博主，腾讯云内容共创官，掘金优秀博主，亚马逊技领云博主，51CTO博客专家等。
近期荣誉	2022年度博客之星TOP2，2023年度博客之星TOP2，2022年华为云十佳博主，2023年华为云十佳博主等。
博客内容	.NET、Java、Python、Go、Node、前端、IOS、Android、鸿蒙、Linux、物联网、网络安全、大数据、人工智能、U3D游戏、小程序等相关领域知识。
欢迎	👍点赞、✍评论、⭐收藏

🚀前言

随着小程序的不断发展，它们已经成为了用户日常生活中不可或缺的工具。无论是购物、社交还是信息分享，小程序都在其中发挥着重要的作用。在这些功能的背后，文件的下载与上传是实现数据交互和用户体验的重要环节。

在这篇文章中，我们将深入探讨如何在小程序中实现文件的下载与上传。我们将介绍相关的API使用方法、操作步骤、注意事项，以及一些最佳实践，帮助开发者更高效地处理文件操作。无论是用户上传图片、文档，还是从服务器下载资源，掌握这些技术都将为小程序的功能拓展提供强有力的支持。

小程序开发框架中提供了文件的下载与上传相关接口，当需要上传某些本地数据到服务端或从服务端下载文件到本地时，使用这些接口进行开发会非常方便。在介绍下载与上传方法前，育先需要对小程序中的文件系统有简单的了解。

小程序拥有一套基于用户维度进行隔离的文件系统。由于微信本身是一个应用程序，同一台设备可以支持多个微信用户登录，因此小程序为每个用户分配独享的存储空间，确保用户的数据互不干扰。这就需要通过文件系统来管理。

小程序中的文件可以分为两类：

（1）本地临时文件

特点：这类文件由开发框架自动产生，主要用于临时存储，存储内容会随着框架的运行进行管理和清理。
管理策略：
- 在运行时最多存储 4GB 内容。
- 若使用超过 2GB 时，系统会按使用时间从远到近依次清理文件，使得占用的内存回到 2GB 以内。
- 临时文件可能随时被回收和删除。

（2）本地缓存文件

特点：本地缓存文件是指通过小程序相关接口将临时文件缓存后生成的文件。
管理策略：
- 这类文件的 目录和文件名 无法自定义。
- 文件存储和本地用户文件共享存储空间，最多可存储 200MB。
- 存储容量有限制，且由小程序框架进行自动管理。

（3）本地用户文件

特点：这是指用户自己管理的文件，在开发中常常用于存储临时文件。
管理权限：
- 用户对这类文件有 很大的操作权限，可以自定义目录名和文件名。
- 开发者可以将临时文件存储到本地用户文件夹，提供更多的控制和灵活性。
- 这类文件的存储是由开发者通过接口管理，可以进行自由的读写操作。

在小程序中，可以通过网络将图片文件下载到本地并进行渲染。下面是具体的操作流程：

在 networkDemo.wxml 文件中，添加下载按钮和 image 组件，代码如下：

<!-- pages/networkDemo/networkDemo.wxml -->
&