有没有一种方法可以用HTTPPOST检索的数据加载Javascript中的图像
Is there a way to load an Image in Javascript with data retrieved via an HTTP POST?
是否有任何方法可以使用AJAX通过HTTPPOST请求图像文件,然后用HTML中的数据创建新的图像?既然你不能用IMG标签来做这件事,那么有可能用Image javascript对象来做吗?
是的,这是可能的。
当您的服务器脚本打开图像文件并将其编码为base64
字符串时,几乎所有浏览器(IE7及以下版本除外)都可以处理。例如:
jQuery('<img>', {
src: 'data:image/jpeg;base64,' + someBase64EncodedString
}).appendTo(document.body);
现实世界中的一个例子可以在这里找到:https://github.com/jAndreas/Supply
您可能想要了解如何将base64编码的数据嵌入为图像。
这是一篇带你浏览的文章。
http://danielmclaren.com/node/90
尝试查看此处:http://emilsblog.lerch.org/2009/07/javascript-hacks-using-xhr-to-load.html
如果它返回base64编码的图像数据,您可能会使用数据URI和Canvas。
一些"伪"代码(使用PHP和JS+jQuery)来演示您可以做什么
服务器:
$image = new Imagick($imagePath);
echo 'data:image/png;base64,' . base64_encode($image);
客户:
$.ajax({
method: "post",
url: "/foo/bar.php",
success: function (data) {
$("<img />").attr("src", data).appendTo("#myContainer");
}
});
相关文章:
- 使用JSP从服务器检索和显示图像
- 通过Magento的网络服务检索运费
- 如何通过php页面将数据库值检索到jquery自动完成框中
- 无法使用javascript检索SPList项
- 可以't使用Angular解析/检索JSON
- GoogleFeed正在检索图像
- 通过ajax将坐标传递到php服务器端,并在处理后检索到javascript
- 使用Scala Play Framework视图中的键检索映射值
- 从数据库中检索字段,而不模拟它们
- 如何在corona sdk中从CK编辑器中检索数据
- 如何使用Javascript客户端对象模型检索Sharepoint 2010列表项权限
- 在Node.js中上传和检索图像
- XML2JSON并检索数据
- 如何从php返回的JSON中检索值
- 如何在.js函数中检索来自其他模板的表单的目标值
- 使用ASP.NET将谷歌地图添加到项目中,并从数据库中检索位置
- 使用javascript进行JSON数据检索
- 检索MongoDB binData并显示为<img>src
- 为什么可以't我将检索到的文档分配给控制台中的变量
- 有没有一种方法可以用HTTPPOST检索的数据加载Javascript中的图像