javascript - 获取数据:图片/png；base64，{{图片}} net::ERR_INVALID_URL

Question

我想使用 Angular.js 转换从服务器获取的图像数据(用于 ionic 框架)，我使用了这段代码:

$http.post(link, {
          token: token,
          reservationCode: reservationCode
          }).success(function (res){
            $scope.image = btoa(unescape(encodeURIComponent(res)));

        }).error(function (data) {
          return false;
        }); 

并在我的 html 中使用此代码:

  <img src="data:image/png;base64,{{image}}">

但是这个错误总是显示:

GET data:image/png;base64,{{image}} net::ERR_INVALID_URL

有人可以帮忙吗？

Answer 1

虽然回答晚了，但对 future 的读者有帮助:

你应该做的是:

 <img ng-src="data:image/png;base64,{{image}}">

这意味着浏览器只会在数据加载时尝试访问它，并且会由 AngularJS 处理，因此您不会再收到该错误。