首页 > 其他分享 >SiteFactory支持pdf自动导入

SiteFactory支持pdf自动导入

时间:2022-12-05 11:35:45浏览次数:73  
标签:wordpaster text base64 导入 blob SiteFactory items var pdf

图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码
目前限chrome浏览器使用
首先以um-editor的二进制流保存为例:
打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方法,注释掉其中的代码。
加入下面的代码:

//判断剪贴板的内容是否包含文本

//首先解释一下为什么要判断文本是不是为空

//在ctrl+c word中的文字或者图片之后会返回1种(image/png)或者4种type(text/plain,text/html,text/rtf,image/png)类型的对象

//为了兼容4种格式的情况,做了如下的判断

//如下代码:e.originalEvent.clipboardData.items获得剪贴板的内容

//当粘贴了文本之后text是不为空的,同时也会返回当前文本的图片类型

//如果有文字的话不做任何的处理,如果只粘贴图片的话文本一定是空的,包括复制的桌面图片或者截图的图片

var text = e.originalEvent.clipboardData.getData("text");

if(text == ""){

    var items=e.originalEvent.clipboardData.items;

     for (var i = 0, len = items.length; i < len; i++) {

        var item = items[i];

       if ( item.kind == 'file' && item.type.indexOf('image/') !== -1 ) {

         

              var blob = item.getAsFile();

              getBase64(blob, function( base64 ) {

              //sendAndInsertImage(base64,me); 上传到服务器

               setBase64Image(base64,me);

              });

              //阻止默认事件, 避免重复添加;

              e.originalEvent.preventDefault();

             };

        }

}

两个方法:

//执行插入图片的操作

function setBase64Image(base64,editor){

    editor.execCommand('insertimage', {src: base64,_src: base64});

}

//获得base64

function  getBase64(blob, callback) {

    var a = new FileReader();

    a.onload = function(e) {callback(e.target.result);};

    a.readAsDataURL(blob);

};

效果展示:

编辑


详细内容可参考这篇文章:详细思路及源码

示例下载:wordpaster-vue3-cli-ueditor1.5wordpaster-vue-ueditor1.5wordpaster-asp.net-ueditor1.5xwordpaster-php-ueditor1xwordpaster-jsp-ueditor1x​

 

标签:wordpaster,text,base64,导入,blob,SiteFactory,items,var,pdf
From: https://www.cnblogs.com/zyzzz/p/16951833.html

相关文章

  • Wps调用dll操作Excel表格转PDF
     起始原因:wps编辑创建的文档在microsoftoffice中打开,会报内容存在异常是否恢复,因此wps文件被微软设定为破损文件,无法对原有文档进行操作运行,故在此使用wps对Excel进行......
  • SiteFactory支持pdf自动上传
    ​如何做到ueditor批量上传word图片?1、前端引用代码<!DOCTYPE html PUBLIC "-//W3C//DTDXHTML1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-......
  • Maven项目导入本地Jar包
    一、创建lib包,将所需的本地jar包导入二、在pom文件中引导路径<dependency> <groupId>com.aaa</groupId><!--自定义--> <artifactId>aaa-sdk</artifactId><!-......
  • 本地jar包导入maven私服
    一、引入jar包//引入maven命令示例mvninstall:install-file-Dfile=H:\SF-CSIM\SF-CSIM-EXPRESS-SDK-V2.1.7.jar-DgroupId=com.sf-DartifactId=SF-CSIM-EXPRESS-SD......
  • 导入hellodb.sql生成数据库 ,完成下列操作
    导入hellodb.sql生成数据库,完成下列操作目录导入hellodb.sql生成数据库,完成下列操作导入hellodb.sql查询1.在students表中,查询年龄大于25岁,且为男性的同学的名字和年龄......
  • Python学习笔记:PDF转图片
    最近有个需求:将大量的PDF文档转换为多张图片PNG,遂诞生此需求。经过搜寻,发现以下方法。一、pdf2image.convert_from_path事实上,pdf2image只是一个包装器,真正的转换......
  • 导入博客等渠道文章到公众号并进行格式布局-详细教程
    〇、参考链接1、常用的Markdown软件对比https://blog.csdn.net/best_luxi/article/details/121786709一、打开微小宝1、下载地址https://www.wxb.com/2、注册登录 ......
  • 机器学习实战 电子书 pdf
    python+机器学习,机器学习必备的入门书籍,关注公众号:后厂村搬砖工。回复:机器学习电子书即可......
  • CSDN文章下载为PDF
    按F12打开控制台输入以下代码到console(控制台)functiondoPrint(){varhead_str="";//先生成头部varfoot_str="";//生成尾部varolder=document.body.innerHTM......
  • 导入导出 304
    网络请求304返回值是代码      原因:baseURL导出时不是默认导出,引入时未加'{}'出错    解决:导出方式改为默认导出exportdefaultbaeURL......