代码之家 › 专栏 › 技术社区 › greedsin

texImage2D:XMLHttpRequest之后的图像无效

webgl xmlhttprequest

greedsin · 技术社区 · 7 年前

我正在使用静态文件服务器加载本地 .jpg -图像。

let xhr = new XMLHttpRequest();
this.isLoaded = false;
this.image = new Image();
xhr.open("GET", "http://localhost:8080/testing/ressources/" + url, true);
xhr.responseType = 'blob';

this.textureBuffer = gl.createTexture();
gl.bindTexture(gl.TEXTURE_2D, this.textureBuffer);
gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, 1, 1, 0, gl.RGBA, gl.UNSIGNED_BYTE, new Uint8Array([255, 0, 0, 255]));
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
xhr.onload = (e) => {

  if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
    let blob = new Blob([xhr.response], {
      type: 'image/jpg'
    });
    let urlCreator = window.URL || window.webkitURL;
    this.image.src = urlCreator.createObjectURL(blob);

    gl.bindTexture(gl.TEXTURE_2D, this.textureBuffer);
    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, this.image);
    if (Texture.isPowerOf2(this.image.width) && Texture.isPowerOf2(this.image.height)) {
      gl.generateMipmap(gl.TEXTURE_2D);
    } else {
      gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.NEAREST);
      gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.NEAREST);
    }
    this.isLoaded = true;
  }
};
xhr.send();

然而,在呼叫时 gl.texImage2D(...)

WebGL: INVALID_VALUE: texImage2D: no image

XMLHttpRequest Blob . 也许最好使用 base64 ?

1 回复 | 直到 7 年前

Kirill Dmitrenko 7 年前

分配url(或)后,图像不同步可用 URL src 所有物你应该等待 load 事件:

/* ... */
this.image.onload = () => {
    gl.bindTexture(gl.TEXTURE_2D, this.textureBuffer);
    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, this.image);
    /* ... */
}
this.image.src = urlCreator.createObjectURL(blob);
/* ... */

推荐文章

Rachel Dockter · 如何从其他网站获取特定div内容

6 年前

Nevil Saul Blemuss · 我的想法是创建自己的js方法,我将传入三个参数(方法、url、数据)

6 年前

saunders07 · PHP到XMLHttpRequest SQL删除

6 年前

Shahrzad Nazemi · 如何发出javascript http请求

6 年前

Glafuski · 为什么readyState==0不起作用

6 年前

misha sachenko · XML HTTP请求无法从JS向我的PHP文件发送请求

6 年前

user3390812 · XMLHTTPRequest请求打开天气返回状态0

6 年前

AskaNor_29 · 未定义检测AJAX请求$\u服务器['HTTP\u X\u REQUESTED\u WITH']的操作

6 年前

CoqPwner · 如何设置XMLHttpRequest的响应

6 年前

user9334443 · 我无法使用put方法获取变量-xmlhttprequest-laravel

7 年前