首页 / JAVASCRIPT / javascript – angular http：如何使用自定义标头调用图像？

javascript – angular http：如何使用自定义标头调用图像？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – angular http：如何使用自定义标头调用图像？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1152字，纯文字阅读大概需要2分钟。

内容图文

在html视图中,图像显示如下：

<img ng-src="{{element.image.url}}">

element.image.url指向一个URL：/ rest_api / img / 12345678.

这工作正常,显示图像.

现在,我添加身份验证：

在对用户进行身份验证之前,每个资源都会响应一个http错误401,图像也是如此.验证成功后,会将令牌放在自定义标头中,并与每个$http请求一起发送,以允许访问资源：

$http.defaults.headers.common['Authorization'] = token;

这适用于加载$resource的Json文件.但是在认证之后,到图像的直接链接仍然是401.

如何使用自定义标题调用图像？

或者关于我应该怎么做的任何建议.

解决方法:

如上所述,你可以使用angular-img-http-src(bower install –save angular-img-http-src,如果你使用Bower).

如果你看the code,它使用的是URL.createObjectURL和URL.revokeObjectURL,它们是2016年4月19日的still draft.所以look if your browser supports it.

为了使用它,声明’angular.img’作为你的app模块的依赖项(angular.module(‘myapp’,[…,’angular.img’])),然后在你的HTML中你可以使用< img>的http-src属性标签.

在您的示例中,它将是：< img http-src =“{{element.image.url}}”>

当然,这意味着您已使用$httpProvider.interceptors.push声明了一个interceptor来添加您的自定义标头,或者您使用$http.defaults.headers.common.MyHeader = 'some value';为每个请求静态设置了标头

内容总结

以上是互联网集市为您收集整理的javascript – angular http：如何使用自定义标头调用图像？全部内容，希望文章能够帮你解决javascript – angular http：如何使用自定义标头调用图像？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/707421.html

来源：【匿名】