• electron+js 通过图片地址复制图片


    方法1:通过 FileReader 获取图片Buffer ==>创建 nativeImage 对象

    	function copyImageToClipboard(imageUrl) {
             let xhr = new XMLHttpRequest();
             xhr.open('get', imageUrl, true);
             xhr.responseType = 'blob';
             xhr.onload = function () {
                 if (this.status == 200) {
                        let reader = new FileReader()
                        reader.readAsArrayBuffer(xhr.response);
                        reader.onloadend = function(event) {
                        const electron = (window.require && window.require('electron')) || window.electron || {};
                          // 创建 nativeImage 对象
                        const image = electron.nativeImage.createFromBuffer(Buffer.from(reader.result))
                              if (!image.isEmpty()) {
                                 electron.clipboard.writeImage(image)
                             }
                          }         
                   }
               };
             xhr.send();
         }
    

    方法2:通过 FileReader 获取图片base64 ==>创建 nativeImage 对象
    遇到问题:图片大于1M时,通过nativeImage.createFromDataURL创建的图像一直是空的

    	function copyImageToClipboard(imageUrl) {
             let xhr = new XMLHttpRequest();
             xhr.open('get', imageUrl, true);
             xhr.responseType = 'blob';
             xhr.onload = function () {
                 if (this.status == 200) {
                     let reader = new FileReader()
                     // 获取 图片base64编码
                      reader.readAsDataURL(xhr.response)
                      reader.onloadend = function(event) {
    	                   const electron = (window.require && window.require('electron')) || window.electron || {};
    	                   //  不替换,下面一步创建nativeImage 有时可以,有时不可以
    	                   let dataUrl = reader.result.replace("image/jpeg",'image/png')
    	                   // 创建 nativeImage 对象
    	                   const image = electron.nativeImage.createFromDataURL(dataUrl)
                           if (!image.isEmpty()) {
                                  electron.clipboard.writeImage(image)
                             }
                        }           
                   }
               };
             xhr.send();
         }
    
  • 相关阅读:
    HTTP请求参数的区别-- Body、Query、Params的区别
    Tengine编译安装
    Android调试Plugin
    关于loss.backward()optimizer.step()optimizer.zero_grad()的顺序
    AUTOSAR介绍
    mall-1-搭建环境
    yaml讲解
    YOLOv5、v7改进之二十七:解决小目标问题——校正卷积取代特征提取网络中的常规卷积
    腾讯云部署springboot jar包过程
    Spring Boot 中Mybatis使用Like的使用方式和注意点
  • 原文地址:https://blog.csdn.net/qq_42014441/article/details/139675658