如何通过 ajax 在 javascript 中使用个人 http 标头加载图像（sencha touch 2）

Posted 2023-02-25

【中文标题】如何通过 ajax 在 javascript 中使用个人 http 标头加载图像（sencha touch 2）

【英文标题】：How load image trough ajax with personal http headers in javascript (sencha touch 2)

【发布时间】：2012-05-09 16:14:50

【问题描述】：

我正在开发一个 sencha touch 应用程序，我有一个表单，它需要加载 jpeg/图像，并且需要在请求标头中包含一些标头。 只是无法以传统方式加载，否则会出现 403（禁止）错误。

我尝试了很多方法，但没有成功，所以我认为 ajax 是解决方案。 ajax可以加载二进制数据吗？

有人知道这是否可能吗？

或者这是不可能的，我必须以另一种方式做到这一点？

谢谢

【问题讨论】：

您找到解决此问题的方法了吗？我有确切的问题。图片的 URL，我正在尝试加载，我正在尝试在 itemTpl 中加载它。 code itemTpl: , code 我总是被 403 禁止。我还注意到在 RequestHeader 中，Referer 设置为“10.20.30.43/nezavisne”。也许这就是问题所在，因为通过浏览器加载图像时未设置Referer。

【参考方案1】：

我相信这个 *** 线程可能会有所帮助：Set a request header in javascript

无论如何，请考虑使用 setRequestHeader 方法。在http://www.w3.org/TR/XMLHttpRequest/

上查看 4.7.2 部分

【讨论】：

El problema es que mediante XMLHttpRequest no se puede cargar una imagen directamente o al menos no sé algún truco como hacerlo.

@DavidV 问题持续存在？ O 对比解决方案？

我相信您可以将文件作为 XMLHttpRequest 请求，然后将响应编码为 base64 并使用 dataURI 显示图像