html 将图像转换为base64编码的字符串

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html 将图像转换为base64编码的字符串相关的知识，希望对你有一定的参考价值。

<!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>

<!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>

以上是关于html 将图像转换为base64编码的字符串的主要内容，如果未能解决你的问题，请参考以下文章

将base 64编码字符串转换为图像

如何将图像的字节数组转换为表示 jpg 的 base64 编码字符串

将 Base64 编码的图像写入文件

在 Javascript 中将 PDF 转换为 Base64 编码的字符串

python：将base64编码的png图像转换为jpg

如何将存储在数据库中的 Base64 字符串集合转换为普通图像存储在本地目录中