Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm cách nào để chuyển đổi hình ảnh thành chuỗi base64 bằng JavaScript?


Để chuyển đổi hình ảnh thành chuỗi base64 bằng JavaScript, hãy sử dụng API FileReader. Bạn có thể thử chạy đoạn mã sau để lấy chuỗi base64 cho một hình ảnh -

Ví dụ

<!DOCTYPE html>
<html>
   <body>
      <script>
         function toDataURL(url, callback) {
            var httpRequest = new XMLHttpRequest();
            httpRequest.onload = function() {
               var fileReader = new FileReader();
                  fileReader.onloadend = function() {
                     callback(fileReader.result);
                  }
                  fileReader.readAsDataURL(httpRequest.response);
            };
            httpRequest.open('GET', url);
            httpRequest.responseType = 'blob';
            httpRequest.send();
         }
         toDataURL('https://www.tutorialspoint.com/videotutorials/images/tutor_connect_home.jpg', function(dataUrl) {
         document.write('Result in string:', dataUrl)
      })
      </script>
   </body>
</html>