javascript - 如何使用 ngResource 从 WebAPI 获取图片以显示使用 ng-src
问题描述
我正在使用带有 Angular 客户端的 WEBAPI(带有 [Autorize])。
我正在尝试使用从 webapi 发送的图像:
public HttpResponseMessage Document(string file)
{
string bestand = file.ToLower();
var path = @"C:\Temp\"+file;
HttpResponseMessage result = new HttpResponseMessage(HttpStatusCode.OK);
var stream = new FileStream(path, FileMode.Open, FileAccess.Read);
result.Content = new StreamContent(stream);
result.Content.Headers.ContentType = new System.Net.Http.Headers.MediaTypeHeaderValue("image/jpg");
result.Content.Headers.ContentDisposition = new ContentDispositionHeaderValue("attachment")
{
FileName = file
};
return result;
}
在角度:
$scope.getFile = function (file)
{
compassResource.get({ 'Method': "document", "Type": file },
function (data) {// success
console.log(data);
var blob = new Blob([data]);
blob.name = file;
blob.lastModifiedDate = new Date();
console.log(blob);
return blob;
}, function (error, status) { // failure
console.log('fout jpg');
console.log(error);
console.log(status);
});
$scope.image = $scope.getFile('test.jpg');
在 HTML 中:
<img ng-src="{{image}}" alt="user image" />
我确实收到了数据,但从那时起我不知道如何继续。我已经尝试了几件事。我将 ngResource 与 OidcManager 和不记名令牌一起使用。但是即使使用 $http 我确实收到了数据(并且使用了令牌!!),但是我应该如何处理数据以使图像可见。
谢谢
吨
解决方案
推荐阅读
- mysql - 如何处理查询字符串 Node Js AWS Lambda
- django - Django:限制员工用户向组授予比他自己更多的权限
- c# - 有什么方法可以使用 NPOI 在我的 excel 文档中从像“#72fe9c”这样的十六进制值向单元格添加颜色
- java - Spring MultipartFile 参数不尊重配置的 maxFileSize
- amazon-web-services - AWS 静态 IP 到负载均衡器?
- powershell - 添加压缩文件名的路径
- javascript - 如何在一个元素的多个类中附加到一个特定的类?
- api - 连接到 Aurora 的内部服务器错误
- java - 显示 10% 并在 String.xml 中有一个 %s
- javascript - 使用 node.js 或 javascript 在后端读取套接字 API