图片url转base64

将图片URL转换为Base64编码可以在JavaScript中轻松完成，这通常是在无法直接访问文件的情况下，如Web应用程序或跨域场景。以下是基本的步骤：

1. **创建`fetch`请求** (对于现代浏览器):

   fetch(imageUrl)
     .then(response => response.blob())
     .then(blob => {
       const reader = new FileReader();
       reader.readAsDataURL(blob);
       reader.onloadend = function () {
         const base64String = reader.result;
         // 使用base64String
       };
     });

2. **使用`axios`或`jQuery`等库**:
如果你正在使用这些库，也有现成的方法：
- Axios:

     axios.get(imageUrl).then(response => {
       const base64String = response.data;
       // 使用base64String
     });

- jQuery:

     $.ajax({
       url: imageUrl,
       xhrFields: { responseType: "blob" },
       success: function (response) {
         let reader = new FileReader();
         reader.onload = function () {
           const base64String = reader.result;
           // 使用base64String
         };
         reader.readAsDataURL(response);
       }
     });

在上述代码中，`reader.result`就是Base64编码后的字符串，可以直接用于显示或者作为数据发送到服务器。