JavaScript has a convention for converting an image URL or a local PC image to a base64 string. hello @luke can you please provide the fiddle ? I Hate Programming. If the data is textual, you can embed the text (using the appropriate entities or escapes based on the enclosing document's type). JS have btoa () function for it. Content available under a Creative Commons license. It will return the image in base64 encoding. This string can contain a variety of symbols and letters. I am storing binary data in array (videoDataArr) and want to display in browser using javascript. Step 1: DataURI is taken as the input.URI can be directly given as the input or it can be obtained using the function canvas.toDataURL (type [optional],value for image quality 0 to 1 [optional]) in case of canvas object. Edited to include what I meant to though. How do I pass command line arguments to a Node.js program? Is Logistic Regression a classification or prediction model? It will return the image in base64 encoding. Further more I have to rely on this chrome_ex_oauth which makes the Ajax calles for me. Can someone suggest me javascript code or any other methods to get the url. How to Get Image Data as a Base64 URL in JavaScript? containing bitmap data from the given rectangle. 585), Starting the Prompt Design Site: A New Home in our Stack Exchange Neighborhood, Temporary policy: Generative AI (e.g., ChatGPT) is banned, Convert binary data to base64 with javascript, Convert Image Stream (JFIF - JPEG) format to DataURI using Javascript, Dropbox API and downloading image with javascript, Generate an image data-uri programmatically in javascript, Convert an ImageData object (not a canvas) to image dataURL, Convert image URI into javascript file object. Frozen core Stability Calculations in G09? What should be included in error messages? Please note that this approach is slower than simply fetching the image src as shown in the previous example. They can be used in (AFAIK) pretty much any element with a src attribute, even including