uni-app 实现小程序下载 doc，pdf 文件到手机并可在手机中找到

发布于 1周前 作者 yuanlaile 来自 Uni-App

uni-app 实现小程序下载 doc，pdf 文件到手机并可在手机中找到

小程序下载doc，pdf文件到手机，在手机可以找到
Harmonyos Next教程
3 回复

可以做


公司承接项目外包开发、双端（Android，iOS）原生插件开发。
为什么选择我们： 1、1000+项目开发积累，数百种商业模式开发经验，更懂您的需求，沟通无障碍。 2、一年免费技术保障，系统故障或被攻击，2小时快速响应提供解决方案落地。 3、软件开发源码定制工厂，去中间商降低成本，提高软件开发需求沟通效率。 4、纯原生开发，拒绝模板和封装系统，随时更新迭代，增加功能，无需重做系统。 5、APP定制包办软件著作权申请，30天内保证拿到软著证书，知识产权受保护。 6、中软云科技导入严谨的项目管理系统，确保项目准时交付，快速抢占市场商机。 7、软件开发费、维护费、第三方各种费用公开透明，不花冤枉钱，不玩套路。
已有大量双端插件、App、小程序、公众号、PC、移动端、游戏等案例。
行业开发经验：银行、医疗、直播、电商、教育、旅游、餐饮、分销、微商、物联网、零售等
商务QQ：1559653449 商务微信：fan-rising
7x24小时在线，欢迎咨询了解

在 uni-app 中实现下载 doc 或 pdf 文件到手机，并确保用户可以在手机的文件管理器中找到该文件，可以通过以下步骤实现。这里主要涉及到文件下载和保存的逻辑。

首先，确保你的项目已经配置好相关的权限，特别是在微信小程序中，需要配置 downloadFile 和 saveFile 的权限。

以下是一个简单的示例代码，演示如何在 uni-app 中实现文件下载并保存到手机：

// 引入uni的文件系统模块
const fs = uni.getFileSystemManager();

// 下载文件的函数
async function downloadFile(url, fileName) {
    try {
        // 使用uni.downloadFile下载文件
        const res = await uni.downloadFile({
            url: url, // 文件URL
            success: (downloadRes) => {
                if (downloadRes.statusCode === 200) {
                    // 下载成功后保存文件
                    const tempFilePath = downloadRes.tempFilePath;
                    const savedFilePath = `${wx.env.USER_DATA_PATH}/${fileName}`;

                    // 使用文件系统模块保存文件
                    fs.saveFile({
                        tempFilePath: tempFilePath,
                        filePath: savedFilePath,
                        success: () => {
                            console.log(`文件已保存到: ${savedFilePath}`);
                            // 可以在这里提示用户文件已下载
                            uni.showToast({
                                title: '文件下载成功',
                                icon: 'success'
                            });
                        },
                        fail: (err) => {
                            console.error('保存文件失败', err);
                        }
                    });
                } else {
                    console.error('下载文件失败', downloadRes);
                }
            },
            fail: (err) => {
                console.error('下载文件失败', err);
            }
        });
    } catch (error) {
        console.error('下载文件过程中发生错误', error);
    }
}

// 示例调用
const fileUrl = 'https://example.com/path/to/your/file.pdf'; // 文件URL
const fileName = 'downloaded_file.pdf'; // 保存的文件名
downloadFile(fileUrl, fileName);

在这个示例中：

  1. 使用 uni.downloadFile 方法下载文件。
  2. 下载成功后，通过 tempFilePath 获取临时文件路径。
  3. 使用 uni.getFileSystemManager().saveFile 方法将临时文件保存到指定路径。
  4. 保存成功后，可以通过 wx.env.USER_DATA_PATH 获取到文件的保存路径，该路径下的文件通常可以在手机的文件管理器中找到。

注意：在实际开发中，你可能需要根据不同的平台（如微信小程序、H5、App等）做一些适配工作，特别是在路径处理上。此外，确保你的服务器支持跨域请求，否则可能会遇到下载失败的问题。

回到顶部