前端项目 即时读取PDF 方案请教,解决 思路

Question

前端项目, 用户经常需要读取一批 固定的 PDF 文档, 大小 平均 2M 至 10M
每次即时  从后端下载,再渲染到网页上不现实. 体验不好,     我的云服务器也没那么大的带宽

本人小白,现在是想法是
1.用户从百度网盘下载, 把 pdf 文档打包放进浏览器 缓存目录
     问题是,我试用下面函数缓存pdf, 缓存是成功了,  但 查看 浏览器的缓存的数据,并不是pdf文档格式
      
  export async function cacheFile(key: string, response: Response): Promise<void> {
    try {
        const cache: Cache = await caches.open(cacheName);
        await cache.put(key, response);
        console.log(`PDF 已缓存: ${key}`);
    } catch (error) {
        console.error('缓存操作发生错误:', error);
    }
}
这就没办法.
 而浏览器又没法用js 去本地查找文件, 感觉无解了

2. 各大云服务商有没有相关的服务呢?
      

Answer 1

可以用对象存储，配置允许你自己的域名跨域访问，不过需要购买存储空间和流量包，也不贵。
腾讯云50GB存储空间就40多/年，100GB下行流量包400左右/年。