Mac 系统， node 如何从剪切板中读取图片并转成 base64

[ciming]

试了下 pbpaste命令，貌似只能打印出剪切板里的文本

[ysc3839]

用 Swift 写个命令行工具，然后 Node.js 调用吧。

[james2013]

如下是使用 js 和 vue 从剪切板获取图片对象,实测可用.转成 base64 需要自己处理
getImage() {
const clipboardObj = navigator.clipboard;
if (clipboardObj !== undefined) {
setTimeout(async () => {
try {
const clipboardItems = await navigator.clipboard.read();
for (const clipboardItem of clipboardItems) {
// console.log(clipboardItem);
for (const type of clipboardItem.types) {
const blob = await clipboardItem.getType(type);
console.log(blob);
if(blob.type.includes("image")){
this.imageUrl = URL.createObjectURL(blob);

return
}else{
console.log("not image");
}

}
}
this.$message({
message: '剪切板没有图片',
type: 'warning',
duration: 2000
});
} catch (err) {
console.error(err.name, err.message);
}
}, 100);
}
},

[xqin]

google 关键字 pngpaste

[JasonEWNL]

pbpaste 已经接近可用的思路了，可以参照下面的方案写个函数存在 .*shrc 里：

openssl base64 < path/to/file.png | tr -d '\n' | pbcopy

cat path/to/file.png | openssl base64 | tr -d '\n' | pbcopy

[magicdawn]

https://github.com/magicdawn/simple-mac-clipboard

和 Electron clipboard 差不多的 api, 之前做 electron, 碰到读图片导致 electron crash.
写了个 addon, 可以在 node or electron 中使用

const clip = require('simple-mac-clipboard')
const buf = clip.readBuffer('public/png') // png buffer
const base64 = buf.toString('base64') // png buffer -> string (base64 encoding)

[magicdawn]

readBuffer 第一个参数可以从剪贴板数据中获取

参见
- https://superuser.com/questions/541335/clipboard-viewer-for-os-x-that-allows-extracting-the-data-in-any-available-forma
- https://github.com/sindresorhus/Pasteboard-Viewer
- https://langui.net/clipboard-viewer/

[magicdawn]

http://www.markdouma.com/developer/ClipboardViewer.zip