我的ajax调用将从服务器获取一个图像作为字节数组.
如何在网页上使用javascript显示图像(在字节数组中)?
使用Javascript,我正在对WCF服务进行AJAX调用,并返回一个字节数组.如何将其转换为图像并将其显示在网页上?
我在我的数据库中有图像的二进制数据,我想在ASP.NET中的图像控件中显示它.怎么样?如果不可能,请找到另一种方法将其保存在数据库中并将其显示在图像控件中.
因此,有很多关于如何从ImageData对象的Uint32Array视图中写入整个像素的示例.但是有可能在不增加计数器4次的情况下读取整个像素吗?从hacks.mozilla.org,写一个rgba像素看起来像这样.
var imageData = ctx.getImageData(0, 0, canvasWidth, canvasHeight);
var buf = new ArrayBuffer(imageData.data.length);
var buf8 = new Uint8ClampedArray(buf);
var data = new Uint32Array(buf);
for (var y = 0; y < canvasHeight; ++y) {
for (var x = 0; x < canvasWidth; ++x) {
var value = x * y & 0xff;
data[y * canvasWidth + x] =
(255 << 24) | // alpha
(value << 16) | // blue
(value << 8) | // …Run Code Online (Sandbox Code Playgroud) 我从方法中获得了Base64编码的照片.我以编程方式将其添加为图像的src.然后我使用jQuery lightBox插件来显示图像的预览.在Firefox和Chrome中,一切正常,但在Internet Explorer 9中,图像预览仅显示我的图像的几行.
因此图像不会显示为整体; 它只显示了一小部分.其余的消失了,看起来某些东西在某个时刻停止加载它.Base64很好,在其他Web浏览器中显示整个图像,并且只有Internet Explorer存在问题.
在我的aspx中:
<script type="text/javascript">
$(function () {
$('#gallery a').lightBox({ fixedNavigation: true });
});
</script>
<div id="gallery">
<a id="aPhoto" runat="server">
<img alt="photo" id="imgPhoto" runat="server" /></a>
</div>
Run Code Online (Sandbox Code Playgroud)
在我的aspx.cs文件中:
imgPhoto.Attributes.Add("src", "data:image/jpg;base64," + base64Image);
Run Code Online (Sandbox Code Playgroud)
所以我在aspx文件中插入这样的东西:
imgPhoto.Attributes.Add("src", "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==");
Run Code Online (Sandbox Code Playgroud)
如何修改它以使用Internet Explorer?
我正在开发一个phonegap应用程序,我有一个图像格式服务器的字节数组,我想使用javascript显示该字节数组在html图像,所以你能帮我转换字节数组到图像格式.
asp.net ×3
image ×3
javascript ×3
html ×2
jquery ×2
ajax ×1
binary-data ×1
c# ×1
canvas ×1
cordova ×1
html5 ×1
pixel ×1
typed-arrays ×1
uri ×1
wcf ×1