createObjectURL returns 未定义
createObjectURL returns undefined
我的问题已被标记为与 无关的重复问题。我正在尝试使用 blob 响应类型并为其创建一个 URL,而不是使用 base64 转换我的图像。
我想在 mithril.js 中复制 this post 中提出的代码,这是我的版本:
var getimage = function() {
m.request({
method: "POST",
url: "http://localhost:8000/",
data: gui,
responseType: "blob",
extract: function(xhr) {return xhr},
})
.then( function(result) {
console.log(result) // displays request
imgSrc = URL.createObjectURL( result.response ); // after this...
// imgSrc is still set to undefined
})
}
我的请求实际上 returns 一个 jpeg 图像,我可以在控制台调试器中看到它(请求 > 响应),但是我的变量 imgSrc
保持 undefined
值。
这是我的调试控制台中的响应:
所以 result.response 实际上是一个二进制文件(jpeg 图像),但是 URL.createObjectURL
函数没有创建任何 blob。我是 javascript(昨天开始)的新手,无法调试。
由于存在错误,mithril.js 目前还无法做到这一点。一个简单的解决方法是手动执行请求:
var getimage = function() {
var oReq = new XMLHttpRequest();
oReq.open("POST", 'http://localhost:8000/', true );
oReq.responseType = "blob";
oReq.onload = function ( oEvent )
{
URL.revokeObjectURL( imgSrc ); // revoke previous image source
var blob = oReq.response;
imgSrc = URL.createObjectURL( blob );
};
oReq.send( JSON.stringify(gui) );
}
我的问题已被标记为与
我想在 mithril.js 中复制 this post 中提出的代码,这是我的版本:
var getimage = function() {
m.request({
method: "POST",
url: "http://localhost:8000/",
data: gui,
responseType: "blob",
extract: function(xhr) {return xhr},
})
.then( function(result) {
console.log(result) // displays request
imgSrc = URL.createObjectURL( result.response ); // after this...
// imgSrc is still set to undefined
})
}
我的请求实际上 returns 一个 jpeg 图像,我可以在控制台调试器中看到它(请求 > 响应),但是我的变量 imgSrc
保持 undefined
值。
这是我的调试控制台中的响应:
所以 result.response 实际上是一个二进制文件(jpeg 图像),但是 URL.createObjectURL
函数没有创建任何 blob。我是 javascript(昨天开始)的新手,无法调试。
由于存在错误,mithril.js 目前还无法做到这一点。一个简单的解决方法是手动执行请求:
var getimage = function() {
var oReq = new XMLHttpRequest();
oReq.open("POST", 'http://localhost:8000/', true );
oReq.responseType = "blob";
oReq.onload = function ( oEvent )
{
URL.revokeObjectURL( imgSrc ); // revoke previous image source
var blob = oReq.response;
imgSrc = URL.createObjectURL( blob );
};
oReq.send( JSON.stringify(gui) );
}