Javascript BLOB对象不可见_Javascript_Angularjs

Javascript BLOB对象不可见

javascript angularjs

Javascript BLOB对象不可见,javascript,angularjs,Javascript,Angularjs,实际上，我正在尝试使用$http获取图像，并将该数据存储在BLOB对象中，以便在打开后使用它 HTML Plunker针对相同的问题：您需要将responseType设置为“arraybuffer” <body ng-app="myApp"> <div ng-controller="HomeCtrl"> <button ng-click="download()">download</button> <img id="photo"

实际上，我正在尝试使用$http获取图像，并将该数据存储在BLOB对象中，以便在打开后使用它

HTML

Plunker针对相同的问题：

您需要将responseType设置为“arraybuffer”

<body ng-app="myApp">
 <div  ng-controller="HomeCtrl">
<button ng-click="download()">download</button>
    <img id="photo"/>
</div>

angular.module('myApp', []);

angular.module('myApp').controller('HomeCtrl', ['$scope', '$http', function($scope, $http) {

  $scope.download=function()
  {
     $http.get('https://placeholdit.imgix.net/~text?txtsize=15&txt=image1&w=120&h=120').success(function(data){
    var arrayBufferView = new Uint8Array( data );
    var blob = new Blob( [ arrayBufferView ], { type: "image/png" } );
    var urlCreator = window.URL || window.webkitURL;
    var imageUrl = urlCreator.createObjectURL( blob );
    var img = document.querySelector( "#photo" );
    img.src = imageUrl;

        }).error(function(err, status){})
  }

}]);

$http.get('https://placeholdit.imgix.net/~text?txtsize=15&txt=image1&w=120&h=120', {responseType: "arraybuffer"})