资讯专栏INFORMATION COLUMN

jsPDF 实现 Google 云端硬盘只读 PDF 文件下载导出

KunMinX / 3610人阅读

摘要:背景蜜汁刷题网站,会员简直就是在抢钱好不容易搞了个教师折扣,试卷资源还不能下载本方法适用于被设置为的文件的下载导出代码代码注意原代码来自打开浏览器开发者工具单窗口打开选择控制台复制代码,回车执行如果图片绘制不完整,尝试缩放浏览器页面

背景

https://www.savemyexams.co.uk

蜜汁刷题网站,会员简直就是在抢钱
好不容易搞了个教师折扣,试卷资源还不能下载…
本方法适用于 Google Drive 被设置为 Read Only 的 PDF 文件的下载导出

代码
/* 
    Via https://codingcat.codes/2019/01/09/download-view-protected-pdf-google-drive-js-code/
    If the images are not complete, try zooming the page to get the full image.
    1. Open Developer Tools on separate window and choose the Console tab
    2. Paste the code below (and hit enter)
*/

let jspdf = document.createElement("script");
 
jspdf.onload = function () {
 
    let pdf = new jsPDF();
    let elements = document.getElementsByTagName("img");
    for (let i in elements) {
        let img = elements[i];
        if (!/^blob:/.test(img.src)) {
            continue;
        }
        let can = document.createElement("canvas");
        let con = can.getContext("2d");
        can.width = img.width;
        can.height = img.height;
        con.drawImage(img, 0, 0);
        let imgData = can.toDataURL("image/jpeg", 1.0);
        pdf.addImage(imgData, "JPEG", 0, 0);
        pdf.addPage();
    }

    pdf.save(document.title.split(".pdf - ")[0]+".pdf");
};
 
jspdf.src = "https://cdn.bootcss.com/jspdf/1.5.3/jspdf.debug.js";
document.body.appendChild(jspdf);

↑ JavaScript 代码

注意

原代码来自 https://codingcat.codes/2019/...
打开浏览器开发者工具(单窗口打开)选择 Console / 控制台
复制代码,回车执行
如果图片绘制不完整,尝试缩放浏览器页面

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/104046.html

相关文章

  • jsPDF使用技巧

    摘要:正常用法引入可查看官方说明根据不同需求,使用中并没有想象中那么容易。问题输入中文时,生成的内容变成乱码解决方法引入和。。安寝移動生行組。 正常用法 引入jspdf.min.js var doc = new jsPDF() doc.text(Hello world!, 10, 10) doc.save(a4.pdf) api可查看官方说明 jsPDF 根据不同需求,使用中并没有想象中那么...

    thursday 评论0 收藏0
  • jsPDF使用技巧

    摘要:正常用法引入可查看官方说明根据不同需求,使用中并没有想象中那么容易。问题输入中文时,生成的内容变成乱码解决方法引入和。。安寝移動生行組。 正常用法 引入jspdf.min.js var doc = new jsPDF() doc.text(Hello world!, 10, 10) doc.save(a4.pdf) api可查看官方说明 jsPDF 根据不同需求,使用中并没有想象中那么...

    young.li 评论0 收藏0
  • 前端实现html转pdf方法总结

    摘要:比上面的稍微好点,支持了一些方面的东西,具体看这个中文配置参数评价这种方法前端实现,灵活简单,而且在页面还原上是很好的,生成的过程不需要自己操心,页面样式还可控,可以说是非常不错的。 最近要搞前端html转pdf的功能。折腾了两天,略有所收,踩了一些坑,所以做些记录,为后来的兄弟做些提示,也算是回馈社区。经过一番调(sou)研(suo)发现html导出pdf一般有这几种方式,各有各有优...

    Heier 评论0 收藏0
  • 前端实现html转pdf方法总结

    摘要:比上面的稍微好点,支持了一些方面的东西,具体看这个中文配置参数评价这种方法前端实现,灵活简单,而且在页面还原上是很好的,生成的过程不需要自己操心,页面样式还可控,可以说是非常不错的。 最近要搞前端html转pdf的功能。折腾了两天,略有所收,踩了一些坑,所以做些记录,为后来的兄弟做些提示,也算是回馈社区。经过一番调(sou)研(suo)发现html导出pdf一般有这几种方式,各有各有优...

    gekylin 评论0 收藏0
  • 前端实现html转pdf方法总结

    摘要:比上面的稍微好点,支持了一些方面的东西,具体看这个中文配置参数评价这种方法前端实现,灵活简单,而且在页面还原上是很好的,生成的过程不需要自己操心,页面样式还可控,可以说是非常不错的。 最近要搞前端html转pdf的功能。折腾了两天,略有所收,踩了一些坑,所以做些记录,为后来的兄弟做些提示,也算是回馈社区。经过一番调(sou)研(suo)发现html导出pdf一般有这几种方式,各有各有优...

    yvonne 评论0 收藏0

发表评论

0条评论

KunMinX

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<