php – 如何从服务器发送png图像以通过ajax在浏览器中显示

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了php – 如何从服务器发送png图像以通过ajax在浏览器中显示，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1680字，纯文字阅读大概需要3分钟。

内容图文

我一直很难完成一项非常正常的任务.我将图像上传并保存到我的Web服务器并将路径保存到MySQL数据库中的文件(这一切都正常).不起作用的是从服务器获取图像文件并通过ajax在页面上显示它.

最初我试图从数据库中检索路径,并使用图像路径更新标签的src属性.这是有效的,但这样所有图像都在服务器上的文件夹中,人们都可以访问它们.不是很好.我只能拥有这些用户可以访问的某些用户的图片.

为了限制对这些照片的访问,我在该文件夹上添加了一个Apache指令,该指令成功地限制了访问.然后问题变成了我无法通过将src属性设置为该路径来在浏览器中显示图像.看我的帖子：https://serverfault.com/questions/425974/apache-deny-access-to-images-folder-but-still-able-to-display-via-img-on-site

最后我了解到我必须使用PHP直接从服务器读取图像数据并将此数据发送到浏览器.我使用了file_get_contents()函数,它可以将服务器上的图像文件(PNG)转换为字符串.我在ajax调用中将此字符串返回给浏??览器.我无法得到的是：如何使用JavaScript将此字符串转换回图像？

看到这段代码：

$.ajax({
    url: get_image.php,
    success: function(image_string){
        //how to load this image string from file_get_contents to the browser??
    }
});

解决方法:

您可以向禁止访问该图像的用户显示默认的“禁止访问”图像：

<?php

$file = $_GET['file']; // don't forget to sanitize this!

header('Content-type: image/png');
if (user_is_allowed_to_access($file)) {
    readfile($file);
}
else {
    readfile('some/default/file.png');
}

而且,在客户端：

<img src="script.php?file=path/to/file.png" />

或者,如果您真的想要或需要通过Ajax发送数据,您可以对它进行Base64编码：

<?php

echo base64_encode(file_get_contents($file));

并使用Data URI scheme将响应放在img标记中

var img = '<img src="data:image/png;base64,'+ server_reponse +'"/>';

鉴于Base64编码数据明显大于原始数据,您可以使用library发送原始数据并在浏览器中对其进行编码.

这对你有意义吗？

内容总结

以上是互联网集市为您收集整理的php – 如何从服务器发送png图像以通过ajax在浏览器中显示全部内容，希望文章能够帮你解决php – 如何从服务器发送png图像以通过ajax在浏览器中显示所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---