<?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>
效果图: