import { ref } from 'vue';
const imageData = ref('')
const onRead = async () => {
const data = await navigator.clipboard.read()
data.forEach(async (item) => {
const contentType = 'image/png'
try {
const stream = await item.getType(contentType)
console.log(stream)
const reader = new FileReader()
reader.onload = (e) => {
imageData.value = e.target.result
}
reader.readAsDataURL(stream)
}
catch (err) {
console.log('剪切板中没有图片')
console.log(err)
console.log(item)
}
})
}
js 读取剪切板
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 创建日期: 2020年3月2日Demo源码下载参考链接:链接1链接2customize-cra API 前言:如果...
- css 预处理工具,可以将其对应的DSL(领域特定语言)编译为 css 基本介绍 sass/scss SASS 2...
- 最近在用vue做项目,于是想着搭配element和less来完成,这里记录一下详细的步骤,希望可以给大家提供一些参...
- 快速安装create-react-app(以下简称CRA) npmnpx create-react-app my-...