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();
     }
  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值