保存图片数据请求

保存文档中时,会为不保存到XML中的图片数据,依次产生saveImageResource.request事件。

事件数据格式

{
{
    "handle": "request",
    "type": "saveImageResource",
    "file": "839ff029-cca7-9a68-8445-6ad98a4edd97",
    "md5": "b3aa75a6c69fb17ec3cc4290bbea8a57",
    "base64": "**img_b64**"
}
字段名 必填 类型 说明 备注
file float 图片数据源对应file 由应用灵活定义,可以是图片名,也可以是图片数据在文件服务器中的图片句柄ID
md5 string 图片数据MD5值,图片数据唯一标识 编辑器优先使用file+md5作为条件查找图片数据源,如果没有匹配则使用md5值查找图片数据源
base64 string 图片数据base64编码

示例代码

step1: 设置监听

 async mounted () {  
     ThinkEditor.addEventListener("saveImageResource", this.OnSaveImageResource);
}

step2: 按需加载图片数据

methods: {
    OnSaveImageResource(e){
        var data = e.data;
        if(data.handle=="request"
        && data.not_save)
        {//只为没有保存到XML中的图片数据进行应用保存操作
             var img_data = data.base64;
            //应用将图片数据保存到自己的文件服务器或数据库中
        }
    }
}
文档更新时间: 2022-05-09 18:40   作者:admin