Img源设置为数据无效
Img source set to data not working
我正在尝试显示从MySQL数据库中获取的图像(图像文件读取为Base64,并直接存储为blob-我知道关于如何在服务器上存储图像存在争议,但我就是这样做的)。JSFiddle是:http://jsfiddle.net/CkT7r/
src
是在运行时动态设置的,通过web请求检索的数据是引号内的整个文本(包括data:
部分)。
有人知道为什么图像无法显示吗?
尝试此示例
var xhr = new XMLHttpRequest(),
method = "GET",
url = "https://yourdomain.com/image.png";
xhr.open(method, url, true);
xhr.onreadystatechange = function () {
if(xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
console.log("Done")
var arrayBufferView = new Uint8Array( xhr.response );
var blob = new Blob( [ arrayBufferView ], { type: "image/png" } );
var urlCreator = window.URL || window.webkitURL;
var imageUrl = urlCreator.createObjectURL( blob );
document.getElementById("imgTest").src = imageUrl
};
};
xhr.responseType = 'arraybuffer' // this is important
xhr.send();
相关文章:
- Laravel数据表无效的JSON响应
- angular payments返回带有测试数据的无效卡
- TypeError: 使用 Jquery JSON 获取数据时无效的 'in' 操作数 obj
- Img源设置为数据无效
- 如果ng-if的计算结果为false,AngularJS会使我的模型数据无效
- 数据表1.8.0添加服务器参数无效
- Javascript日期允许使用无效数据(例如2月30日)
- 无效的“in”操作数 obj JQUERY - 尝试从 JSON 获取数据时出现类型错误
- JSON 数据的分配无效
- PHP 和 RegEx:在 XML 标记之间获取原始数据,即使整个 XML 似乎无效
- 将包含内容和元数据的文件上传到谷歌文档会返回400无效/错误请求
- XMLHttpRequest multipart/form数据:multipart中的边界无效
- Getting TypeError:无效'在'使用ajax获取数据时的操作数obj
- Gulp调试-管道到进程.stdout给出TypeError('无效数据')
- 对集合使用getter时,ASP.NET MVC3模型绑定器数据无效
- :nth-child()对李添加的foreach数据绑定无效
- jQuery数据选择器解析日期引发无效的日期异常
- MVC c#无法绘制流线图,json数据无效
- 注销时使cookie/localStorage数据无效是一种好的做法吗
- HTML/CSS表单:通过必需字段提交的数据无效或输入