Javascript 如何在URL中设置标题以调用图像

在此之前，我已经调用了带有URL的图像，但没有标题。看起来是这样的：

javascript

$scope.image = "http://my.address";

$http({
  method: 'GET',
  timeout: 25000,
  url: "http://my.address",
  headers: {
    'x-access-token': 'token'
  }
})

.success(function (data) {
   $scope.image = data;
})

.error(function (error) {
  //Error handling
});

html

<img ng-src="{{image}}">

因此，我的javascript如下所示：

javascript

$scope.image = "http://my.address";

$http({
  method: 'GET',
  timeout: 25000,
  url: "http://my.address",
  headers: {
    'x-access-token': 'token'
  }
})

.success(function (data) {
   $scope.image = data;
})

.error(function (error) {
  //Error handling
});

---

然后，结果是我的html没有显示实际的图像。它只显示白色空白图像

ng src需要一个url，但您给了它一个原始图像，因此它不知道该怎么办。您需要在映像的开头添加

数据：[；charset][；base64]，

，以便ng src知道如何处理它

示例：数据：image/png，kjbaskljbasd4dd64ad464d6a…kajbkjbd8ad76

$scope.image = "data:image/png," + data;

---

对ng src的值进行插值。您需要用双花括号将其包围，如下所示：

<img ng-src="{{image}}">

---

我不知道，但是

$http

不是一个简单的包装器吗

如果是这样，

data

应该是图像的原始数据，这是HTMLImage的

src

属性无法理解的。此属性仅接受URI。
您可能可以使用XHR的

responseType

选项来规避这个问题，如果我们信任的话，

$http

中也有这个选项

然后像

$http({
  method: 'GET',
  timeout: 25000,
  url: "http://my.address",
  headers: {
    'x-access-token': 'token'
  },
  responseType: 'blob' // request a Blob instead of raw data
})

.success(function (blob) {
   $scope.image = URL.createObjectURL(blob); // create a temp URI for this Blob
})

.error(function (error) {
  //Error handling
});

---

我应该做这件事。

哦，我忘了在我的问题中插入它。我已经把它放在我的实际代码中了。谢谢但我仍然不知道如何将标题和url链接放在一起。