I'm trying to display an image on an HTML page using a PHP script in the image/src tag, but the image is broken. When I hard-code the output of getimage.php into the HTML it shows up just fine so I know the base64 encoding is correct. The page that shows the image needs to be HTML. PHP: <?php header("Content-type: image/png"); $data = file_get_contents('arbitrary.png'); $base64 = 'data:image/png;base64,'.base64_encode($data); echo $base64; ?> HTML: <html> <body> <img src="getimage.php" /> </body> </html> Any ideas? Thanks in advance!

Member Avatar
Member Avatar
+0 forum 1

I have a PHP script that generates a PNG captcha(set by Content-Type header).It can be embedded in an HTML page by just using `img`. I want to convert that image to base64 format for displaying.How do I go about doing that ? Using the normal method for encoding as given on Wikipedia's article([Click Here](http://en.wikipedia.org/wiki/Data_URI_scheme)) doesn't work.

Member Avatar
Member Avatar
+0 forum 1

Hello, pls help me to do this. i m saving my image in php mysql and retriving with js - base64 i cant get code exactly. i m retriving. like this code <img src="LzlqLzRBQVFTa1pKUmdBQkFRQUFBUUFCQUFELzJ3.....<continue code>" /> I want src like below: <img src="data:image/jpg;base64,/9j/4AAQSkZJRgABAQEASABIAA />

Member Avatar
Member Avatar
+0 forum 2

running into an issue haven't seen this before where content during the encoding and decoding of an image looses byte count. I have an app taking the photo image and sending the file via: ----------------------- byte[] imageBytes = new byte[(int) imageFile.length()]; inputFile = new RandomAccessFile(imageFile, "r"); inputFile.read(imageBytes); String base64String = Base64.encodeToString(imageBytes, Base64.DEFAULT); ------------------------ id Base64string goes across the soapenv request like: ------------------------ var sr = '<?xml version="1.0" encoding="utf-8"?>' + '<soapenv:Envelope ' + 'xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" ' + 'xmlns:xsd="http://www.w3.org/2001/XMLSchema" ' + 'xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/" ' + 'xmlns:urn="urn:DefaultNamespace">'+ '<soapenv:Header/>'+ '<soapenv:Body>' + '<urn:addNewFileComplex soapenv:encodingStyle="http://schemas.xmlsoap.org/soap/encoding/">' + '<daFile xsi:type="urn:lookupAssessmentFile">' + '<base64File xsi:type="soapenc:base64" xmlns:soapenc="http://schemas.xmlsoap.org/soap/encoding/">cid:560948411422</base64File>' + '<UserName xsi:type="xsd:string">'+uname+'</UserName>' + '<Password xsi:type="xsd:string">'+pwd+'</Password>' …

Member Avatar
+0 forum 0

If you have a smaller image, you can include it in your program as a base64 encoded string. This way you don't have to worry about an image file to go with your code. In your program you can then decode it back to the familiar bytes of an image and use it. This code snippet should work with Python2 and Python3 versions.

Member Avatar
Member Avatar
+5 forum 5

Encoding and decoding functions for RFC 4648 compliant base-64. The code is written in standard conforming C11 and backward compatible with C99 (pre-C99 is *not* supported without code changes).

Member Avatar
Member Avatar
+0 forum 2

Hi all I would like to embed an encoded image into an FXML (i need this in that I'm coding a converter between svg and fxml). I tried with this: <AnchorPane id="AnchorPane" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns:fx="http://javafx.com/fxml"> <children> <ImageView fitHeight="150.0" fitWidth="200.0" layoutX="153.0" layoutY="94.0" pickOnBounds="true" preserveRatio="true"> <image> <Image url="data:image/png;base64,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 YII= " preserveRatio="false" smooth="false" /> </image> </ImageView> …

Member Avatar
+0 forum 0

The End.