PIXI.js - png 图像资源未加载为图像/纹理，MIME 类型集，但没有扩展名答案

【问题标题】：PIXI.js - png image resource is not loaded as image/texture, MIME type set, but without extensionPIXI.js - png 图像资源未加载为图像/纹理，MIME 类型集，但没有扩展名
【发布时间】：2016-06-15 07:19:34
【问题描述】：

有人知道如何强制 PIXI 加载没有 PNG 扩展名的 PNG 文件作为 Sprite 吗？请注意，这张图片相当大 - 2048x2048px。

问题是，该图像是由 ASP.NET MVC 控制器生成的，结果是基于参数的。

这是我的 resources.background onject 在谷歌开发者控制台中的样子：

Resource
  crossOrigin: ""
  data: " PNG  IHDE    0sRGB   gAMA... etc"
  error: null
  isAudio: false
  isDataUrl: false
  isImage: false
  isJson: false
  isVideo: false
  isXml: false
  loadType: 1
  metadata: Object
  name: "background"
  url: "http://localhost/controller/action/123?param1=png&param2=false"
  xhr: XMLHttpRequest
  xhrType: "text"

【问题讨论】：

标签： pixi.js

【解决方案1】：

问题是，xhrType 设置为 "text"。还将responseType 设置为"text"

解决方法（文档中没有明确描述）正在为 Loader 设置选项。

var loaderOptions = {
    loadType: PIXI.loaders.Resource.LOAD_TYPE.IMAGE,
    xhrType: PIXI.loaders.Resource.XHR_RESPONSE_TYPE.BLOB
};

var imageLoader = new PIXI.loaders.Loader()
imageLoader.add("background", "http://pathToImage/noExtension?p=a", loaderOptions);

【讨论】：

【解决方案2】：

顺便说一下，对于 v6，它似乎略有不同：

const loaderOptions = {
    loadType: PIXI.LoaderResource.LOAD_TYPE.IMAGE,
    xhrType: PIXI.LoaderResource.XHR_RESPONSE_TYPE.BLOB
};

【讨论】：