convertImageToBase64 上面告诉我的这个函数如何使用
时间: 2023-08-14 13:05:11 浏览: 39
`convertImageToBase64` 是一个将图片转换成 Base64 编码的 JavaScript 函数。以下是一个使用该函数的示例代码:
```javascript
function convertImageToBase64(imageUrl, callback) {
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
var img = new Image();
img.crossOrigin = 'Anonymous';
img.onload = function() {
canvas.width = this.width;
canvas.height = this.height;
ctx.drawImage(this, 0, 0);
var dataURL = canvas.toDataURL('image/png');
callback(dataURL);
canvas = null;
};
img.src = imageUrl;
}
```
在上面的代码中,我们定义了一个 `convertImageToBase64` 函数,它接收两个参数:图片的 URL 和一个回调函数。该函数通过创建一个 canvas 对象,将图片绘制到 canvas 上,并使用 `canvas.toDataURL()` 方法将图片转换成 Base64 编码。最后该函数调用回调函数,将转换后的 Base64 编码作为参数传递给回调函数。
要使用该函数,只需要调用它并传递图片的 URL 和一个回调函数即可,如下所示:
```javascript
convertImageToBase64('https://example.com/image.png', function(base64) {
console.log(base64);
});
```
在上面的代码中,我们调用了 `convertImageToBase64` 函数,并传递了一个图片的 URL 和一个回调函数。当图片转换完成后,回调函数会被调用,并将转换后的 Base64 编码作为参数传递给它。在这个示例中,我们只是简单地将 Base64 编码打印到控制台上。