js 剪切版获取内容并且将本地的图片路径转换成base64
要获取剪切板的内容,可以使用navigator.clipboard.readText()方法。这个方法会返回一个Promise,它解析为剪贴板中的文本内容。
要将本地图片路径转换为base64,可以使用FileReader对象,使用它的readAsDataURL()方法来读取文件并将其转换为base64编码。
下面是一个示例代码:
// 获取剪切板中的文本内容
navigator.clipboard.readText()
.then(text => {
console.log("剪切板内容:", text);
})
.catch(err => {
console.error("无法读取剪切板内容:", err);
});
// 将本地图片路径转换为base64
function convertToBase64(file) {
return new Promise((resolve, reject) => {
const reader = new FileReader();
reader.onload = () => resolve(reader.result);
reader.onerror = error => reject(error);
reader.readAsDataURL(file);
});
}
// 读取本地图片文件并转换为base64
const input = document.getElementById("file-input");
input.addEventListener("change", () => {
const file = input.files[0];
if (file) {
convertToBase64(file)
.then(base64 => {
console.log("图片的base64编码:", base64);
})
.catch(err => {
console.error("转换为base64时出错:", err);
});
}
});
在上面的示例中,我们使用navigator.clipboard.readText()方法获取剪切板中的文本内容,并使用FileReader对象将本地图片文件转换为base64编码。请注意,使用FileReader读取文件是一个异步操作,因此我们使用了Promise来处理结果。
原文地址: https://www.cveoy.top/t/topic/ihKN 著作权归作者所有。请勿转载和采集!