Using base64-encoded images with HtmlService in Apps Script

by

To get the encoded base64 string in the first place from Google Drive files:

GS 

var response = UrlFetchApp.fetch('https://googledrive.com/host/fileId/name.png');
var blob = response.getBlob();
var bytes = blob.getBytes();
var base64String = Utilities.base64Encode(bytes);
Logger.log(base64String);
// now copy and paste into html

HTML 

<img src="data:image/png;base64, <base64String>" alt="img name" />

More Related Contents:

  1. How do I make two images fade in/out repeatedly? [closed]
  2. how to proportionally scale a div with images inside?
  3. Render HTML to an image
  4. Should setting an image src to data URL be available immediately?
  5. How to load all the images from one of my folder into my web page, using Jquery/Javascript
  6. how to show alternate image if source image is not found? (onerror working in IE but not in mozilla) [duplicate]
  7. execute function after complete page load [duplicate]
  8. How to silently hide “Image not found” icon when src source image is not found
  9. How to save a base64 image to user’s disk using JavaScript?
  10. How to display image with JavaScript?
  11. Detecting WebP support
  12. Can I get image from canvas element and use it in img src tag?
  13. Emailing Google Sheet range (with or without formatting) as a HTML table in a Gmail message
  14. Uploading Multiple Files to Google Drive with Google App Script
  15. How do image preloaders work?
  16. How do I abort image load requests without using window.stop()
  17. Load image from url and draw to HTML5 Canvas
  18. img onload doesn’t work well in IE7
  19. How to download a base64-encoded image?
  20. How to flip images horizontally with HTML5
  21. JavaScript loading progress of an image
  22. Change image in HTML page every few seconds
  23. JavaScript: Get image dimensions
  24. createImageBitmap alternative on Safari
  25. What is the best way to parse html in google apps script
  26. How much data / information can we save / store in a QR code?
  27. How to bind img src to data in Vue
  28. canvas- Cropping images in different shapes
  29. Google Apps Script HTML Form
  30. Display Spreadsheet Data to HTML Table

Leave a Comment