Я хочу получить изображения из s3 и отобразить их на моей HTML-странице.
Angular HTML файл:
<section data-ng-controller="myCtrl">
<img ng-src="{{src}}" width="200px" height="200px">
</section>
Angular Файл контроллера:
angular.module('users').controller('myCtrl', ['$scope',function($scope) {
var s3 = new AWS.S3();
s3.getObject({Bucket: 'mybucket', Key: 'myimage.jpg'},function(err,file){
//code?? to display this image file in the img tag
//$scope.src=file????....obviously it wont work
});
}]);
Я нашел что-то для вызова FileReader и попробовал это:
var reader = new FileReader();
reader.onload = function(event) {
$scope.src = event.target.result;
}
reader.readAsDataURL(file);
Но это показывает ошибку:
Uncaught TypeError: не удалось выполнить 'readAsDataURL' в 'FileReader': параметр 1 не относится к типу 'Blob'.
Пожалуйста, помогите мне с кодом для отображения файла изображения в теге img
Моя корзина S3 не является общедоступной
EDIT:
Меня не интересует s3. я хочу знать, что
как отобразить изображение, которое у вас есть в вашем javascript-коде, в виде файлового объекта (s3 obj), используя тег HTML-изображения