JavaScript से इमेज को बेस64 स्ट्रिंग में कैसे बदलें?

उदाहरण (FileReader API)

<!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('स्ट्रिंग में परिणाम:', dataUrl);
      });
    </script>
  </body>
</html>

चरण: 1) XHR से ब्लॉब के रूप में इमेज फेच करें। 2) FileReader से readAsDataURL कॉल करें। 3) कॉलबैक में बेस64 डेटा URL प्राप्त करें।

नोट: CORS हेडर्स आवश्यक हैं यदि इमेज अलग ओरिजिन पर है।