要在 JavaScript 中将网络图片转换为 Base64 编码,你可以使用 fetch API 来获取网络图片,并将其转换为 Blob 对象,然后使用 FileReader 来读取 Blob 对象并进行 Base64 编码转换。下面是一个示例代码:
function imageUrlToBase64(url) {
return fetch(url)
.then(response => response.blob())
.then(blob => {
return new Promise((resolve, reject) => {
const reader = new FileReader();
reader.onloadend = () => resolve(reader.result);
reader.onerror = reject;
reader.readAsDataURL(blob);
});
});
}
// 使用示例
const imageUrl = 'https://example.com/image.jpg';
imageUrlToBase64(imageUrl)
.then(base64 => {
console.log(base64); // 在此处可以使用转换后的 Base64 数据
})
.catch(error => {
console.error('转换出错:', error);
});
以上代码会将指定的网络图片转换为 Base64 编码,并通过 Promise 返回结果。你可以将要转换的图片 URL 替换为你自己的图片 URL,然后在 then 方法中获取到转换后的 Base64 数据进行后续处理。请确保你对获取的图片 URL 有权限访问。