HTML & lt; img>(或JS图像)与通过PHP内联图像(base64_encoded图像)
HTML <img> (or JS image) versus inline images via PHP (base64_encoded image)
我的网页最初通过在javascript中动态创建图像填充了大约1000个缩略图。由于权限问题,我迁移到suPHP。现在不使用标准的<img>
标签,如
<img src="/foo/bar.jpg" alt="Foo Bar"/>
我正在检索通过这个php脚本
$file = fread($handle, filesize($filename));
$a = array(
'type' => 'image/jpeg;base64',
'image' => base64_encode($file)
);
echo json_encode($a);
然后像这样创建图像(在xmlhttprequest回调中,其中已经创建了图像)
image.src = 'data:' + data['type'] + ',' + data['image'];
它工作,但我只能可靠地加载一半的图片。如果我尝试加载所有这些,chrome就会崩溃。我不认为这与性能有关,因为图片加载得很快。知道为什么会这样吗?
如果您可以调用PHP脚本来生成base64_encoded图像,那么您应该(?)能够让浏览器从PHP脚本加载您的图像,并完全跳过JSON/AJAX。
<?php
header('Content-Type: image/png'); // Change MIME type for different images (JPEG / GIF)
// Probably need Content-Length header in here too
header('Content-Length: ' . filesize( $filename));
echo file_get_contents( $filename);
exit;
?>
然后使用像这样的东西(我使用image_id
来确定要加载哪个图像,你必须有类似的东西):
<img src="/load_image.php?image_id=1234" alt="" />
相关文章:
- 使用php-mysqljavascript上传多个图像
- 通过传递图像的URL通过javascript读取/处理图像-类似于PHP中的file_get_contents
- 可以't使用PHP使用Froala编辑器上传图像URL
- 将phonegap图像发布到php/mysql-图像字段从发布请求中消失
- 如何在PHP中使用url保护我的图像和文件夹免受直接访问
- 当我悬停使用php连接到mysql的图像时显示标题
- 如何通过ajax php将图像上传到服务器本地目录,其中html表单haven't任何传统的提交按钮
- 如何使用php和javascript获取网页中显示图像的路径
- jSignature图像导出到PHP电子邮件
- 使用纯JavaScript返回并嵌入图像,如php
- 尝试显示使用 php 和数据库检索的缩略图中的全尺寸图像
- 从 PHP 脚本预缓存第二个图像
- 来自动态 php 库的图像到画布,请提供一些建议
- 验证此图像验证码.Jquery PHP & javascript.
- 如何将 xmlhttp 请求发送到 php 文件以上传图像
- 预加载图像PHP并在JS中等待直到完成
- 使用AJAX、PHP和jQuery上传多个图像
- 使用AJAX从PHP获取PNG图像
- 改变背景图像php循环
- 图片加载像谷歌图像PHP