微信小程序：wx.cloud.downloadFile中的fileID的修改，点击不同名称对应下载打开不同的pdf

最新推荐文章于 2024-05-07 10:49:11 发布

*Polaris*

最新推荐文章于 2024-05-07 10:49:11 发布

阅读量2.6k

点赞数

分类专栏：微信小程序文章标签： javascript 前端经验分享

本文链接：https://blog.youkuaiyun.com/qq_42781678/article/details/104314200

版权

本文介绍了如何在微信小程序中利用wx.cloud.downloadFile接口，根据用户点击的不同文件名来下载并打开对应的PDF文件。通过分析，发现同一云开发环境下，文件的fileID大部分相同，主要区别在于文件上传时的原始命名。作者提供了data.js中创建文件信息集合的方法，并展示了主页面shouye.wxml和shouye.js的实现细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如图，点击不同文件，下载打开不同的pdf
在这里插入图片描述
通过观察可以发现：同一个云开发的环境id，在上传文件时，文件的fileID几乎相同，如下。而’cloud://math****2/'后面的跟的都是文件上传之前的命名，即下面两个文件上传时的名称分别为“1.pdf”、“2.pdf”

	cloud://math****2/1.pdf
	cloud://math****2/2.pdf

我单独定义了data.js，创建文件的信息集合,并暴露其接口：
data.js

var shouyePdf = [
  {
    "id": "1",
    "image": "/images/mathematics1.png",
    "title": "高等数学（上）常见知识梳理",
    "name": "1.pdf"//文件上传时的名称
  },
  {
    "id": "2",
    "image": "/images/mathematics2.jpg",
    "title": "高等数学（下）常见知识梳理",
    "name": "2.pdf"
  },
  {
    "id": "3",
    "image": "/images/probability.jpg",
    "title"