PHP+JS 图片转Base64

<?php
//php img转 Base64
$img = 'test.jpg';
$base64_img = base64EncodeImage($img);
function base64EncodeImage ($image_file) {
	$base64_image = '';
	$image_info = getimagesize($image_file);
	$image_data = fread(fopen($image_file, 'r'), filesize($image_file));
	$base64_image = 'data:' . $image_info['mime'] . ';base64,' . chunk_split(base64_encode($image_data));
	return $base64_image;
}
//echo $base64_img;
echo '<img src="' . $base64_img . '" />';
?>
<script>
//js img转 Base64
var img = "test.jpg";
function getBase64Image(img) {  
	var canvas = document.createElement("canvas");  
	canvas.width = img.width;  
	canvas.height = img.height;  
	var ctx = canvas.getContext("2d");  
	ctx.drawImage(img, 0, 0, img.width, img.height);  
	var ext = img.src.substring(img.src.lastIndexOf(".")+1).toLowerCase();  
	var dataURL = canvas.toDataURL("image/"+ext);  
	return dataURL;
}
var image = new Image();
image.src = img;  
var base64 = getBase64Image(image);
//document.write(base64);
document.write("<img src='"+base64+"'>");
</script>

效果图:

 

猜你喜欢

转载自onestopweb.iteye.com/blog/2380046