Guteres007
9/25/2018 - 9:14 AM

convert image into base64 encoded string

convert image into base64 encoded string

convert.php
content_copyfile_download
<!DOCTYPE html>
<html>
	<head>
		<title> img to data</title>
		<meta charset="utf-8">
		<style>
			textarea{ width: 50%; height: 200px; }
		</style>
	</head>
	<body>
	<?php
		if(isset($_POST["submit"])) {
			$check = getimagesize($_FILES["fileToUpload"]["tmp_name"]);

			if($check !== false) {
				$data = base64_encode(file_get_contents( $_FILES["fileToUpload"]["tmp_name"] ));

				echo "copy + paste the data below, use it as a string in ur JavaScript Code<br><br>";
				echo "<textarea id='data' style=''>data:".$check["mime"].";base64,".$data."</textarea>";

			} else {
				echo "File is not an image.";
			}
		}
	?> 
	<script>document.getElementById('data').select();</script>
	</body>
</html>
index.html
content_copyfile_download
<!DOCTYPE html>
<html>
	<head>
		<title> img to data</title>
		<meta charset="utf-8">
	</head>
	<body>

		<form action="convert.php" method="post" enctype="multipart/form-data">
		
			Select image to convert into base64 data:
			<input type="file" name="fileToUpload" id="fileToUpload"><br>
			<input type="submit" value="Convert Image to Data" name="submit">
		
		</form>

	</body>
</html>