概述`navigator.clipboard.read()` 允许读取剪贴板项目(图片/富文本/纯文本),需在安全上下文并获得用户授权。应用应仅读取必要类型并进行清理。示例if (navigator.clipboard.read) {

const items = await navigator.clipboard.read()

for (const item of items) {

if (item.types.includes('image/png')) {

const blob = await item.getType('image/png')

preview(blob)

} else if (item.types.includes('text/plain')) {

const text = await (await item.getType('text/plain')).text()

processText(text)

}

}

} else {

// 回退到输入选择与粘贴事件

}

工程建议权限与手势:在用户手势后读取;提示用途与类型。安全与清理:对 HTML 进行 Sanitizer 清理;限制图片大小与类型。兼容:不支持时回退到 `paste` 事件与输入方案。参考与验证MDN Clipboard API 文档:https://developer.mozilla.org/docs/Web/API/Clipboard/readChrome 平台文档:https://developer.chrome.com/docs/web-platform/async-clipboard/

点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论
立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部