首页 > 其他分享 >使用jsfpd截图并上传到文件服务器

使用jsfpd截图并上传到文件服务器

时间:2023-12-07 18:35:17浏览次数:43  
标签:el 截图 let blob file pdf jsfpd 服务器

需求

将网页上的html表单,截图并生成pdf ,通过blob 上传到文件服务器

// 获取表单元素dom
        const el = document.getElementById('open-reply_form');
        const height = el.clientHeight;
 // 截图,获取img图像
        html2canvas(el).then((canvas) => {
          let pageData = canvas.toDataURL('image/jpeg', 1.0);
// 创建pdf ,将图片添加到pdf中
          let PDF = new JsPDF('', 'pt', 'a4');
          PDF.addImage(pageData, 'JPEG', 40, 40, 515, height + 50);
// 创建blob对象,
          var blobPDF = PDF.output("blob");          
          let file = new File([blobPDF], 'test.pdf',{type:blobPDF.type});
、、 这里的file是file对象,调用oss的上传方法
          // this.handleUpload(file); 
        });

标签:el,截图,let,blob,file,pdf,jsfpd,服务器
From: https://www.cnblogs.com/mykai/p/17883642.html

相关文章

  • java打包好的jar包在Linux服务器上指定端口并后台运行命令
    前提条件:a.已经在Linux服务器上安装了java环境。b.切换到jar包所在的目录下。c.运行方式为:java-jar运行。举例说明:包名  运行端口test.jar  8080命令如下:java-jar-Dserver.port=8080test.jar&>test.out&1解释:1.表示将test.jar这个jar包运行在8080端口(前提是端口......
  • 【故障公告】数据库服务器今年第七次 CPU 100% 故障
    自11月9日第六次数据库服务器CPU100%故障之后,今天下午又出现数据库服务器CPU100%故障,是今年的第七次。今天的故障发生于16:01~16:07期间,发现故障后我们立即重启阿里云RDS实例,重启后恢复正常。正准备发布这篇故障公告时,数据库服务器又出现CPU100%,我们立即改用主备切换......
  • 如何在CentOS7 安装 XRDP 远程桌面服务器
    1)图形界面安装CentOS7没有图形化操作可能对很多人来说都不太习惯,下面我们来为CentOS7安装图形化界面,本文以安装GNOME图形化为例**写在安装前:**如果你的CentOS7是最小化安装,默认都是不带XWINDOWS的配置公网Yum源mkdir/etc/yum.repos.d/backupmv/etc/yum.repo......
  • 实验四 Web服务器1-socket编程
    实验四Web服务器1-socket编程基于华为鲲鹏云服务器CentOS中(或Ubuntu),使用LinuxSocket实现:1.time服务器的客户端服务器,提交程序运行截图2.echo服务器的客户端服务器,提交程序运行截图,服务器把客户端传进来的内容加入“服务器进程pid你的学号姓名echo:”返回给客户端3.......
  • 实验四 Web服务器1-socket编程
    time服务器time客户端echo服务器echo客户端......
  • 实验四 Web服务器2
    基于华为鲲鹏云服务器CentOS中(或Ubuntu),使用LinuxSocket实现:1.Web服务器的客户端服务器,提交程序运行截图2.实现GET即可,请求,响应要符合HTTP协议规范3.服务器部署到华为云服务器,浏览器用本机的4.把服务器部署到试验箱。(加分项)Web服务器代码(wbs.c)#include<stdio.h>#incl......
  • 实验四 Web服务器1-socket编程
    基于华为鲲鹏云服务器CentOS中(或Ubuntu),使用LinuxSocket实现:1.time服务器的客户端服务器,提交程序运行截图3.服务器部署到华为云服务器,客户端用Ubuntu虚拟机。time服务器代码(tms.c)#include<stdio.h>#include<stdlib.h>#include<string.h>#include<unistd.h>#include......
  • 实验四 Web服务器2
    基于华为鲲鹏云服务器CentOS中(或Ubuntu),使用LinuxSocket实现:Web服务器的客户端服务器,提交程序运行截图实现GET即可,请求,响应要符合HTTP协议规范服务器部署到华为云服务器,浏览器用本机的把服务器部署到试验箱。(加分项)web服务器与客户端web_server.c#include<stdio.h>#inc......
  • 实验四 Web服务器1-socket编程
    基于华为鲲鹏云服务器CentOS中(或Ubuntu),使用LinuxSocket实现:1.time服务器的客户端服务器,提交程序运行截图2.echo服务器的客户端服务器,提交程序运行截图,服务器把客户端传进来的内容加入“服务器进程pid你的学号姓名echo:”返回给客户端3.服务器部署到华为云服务器,客户端......
  • IntelliJ IDEA无公网远程Linux服务器环境开发(建议收藏!)
    IDEA的远程开发功能,可以将本地的编译、构建、调试、运行等工作都放在远程服务器上执行,而本地仅运行客户端软件进行常规的开发操作即可,旧版本IDEA目前不支持该功能.,本例使用的是IDEA2023.2.5版本下面介绍如何在IDEA中设置远程连接服务器开发环境并结合Cpolar内网穿透工具实现无......