AngularJS: Как отправить файл изображения в POST через $ resource?

Я пытаюсь сделать http-запрос с использованием $ resource, который отправит ту же информацию, что и этот запрос почтальона. Конечно, я не делаю это правильно.

Вот запрос я должен повторить:

Почтальон запрос: http://i.stack.imgur.com/9zgnF.jpg

Почтальон Headers: http://i.stack.imgur.com/oRG0m.jpg

index.html

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> 
    <title>File Upload</title> 

    <link href="lib/ionic/css/ionic.css" rel="stylesheet"> 
    <link href="css/style.css" rel="stylesheet"> 

    <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above 
    <link href="css/ionic.app.css" rel="stylesheet"> 
    --> 

    <!-- ionic/angularjs js --> 
    <script src="lib/ionic/js/ionic.bundle.js"></script> 

    <!-- cordova script (this will be a 404 during development) --> 
    <script src="cordova.js"></script> 

    <!-- your app's js --> 
    <script src="js/app.js"></script> 
    <script src="js/controllers.js"></script> 
    <script src="lib\ionic\js\angular-file.js"></script> 
    <script src="lib\ionic\js\angular-resource.js"></script> 
    </head> 
    <body ng-app="starter" ng-controller="FileController"> 
    <input type="file" ng-model="model.image" change="upload(model)"/> 
    </body> 
</html>

controllers.js

angular.module('starter.controllers',[]) 

.controller('FileController', function ($scope, $resource) { 
    var Files = $resource('http://api.artistappz.com/api/v1/cover/x-app-id/3865f620590f40d493ec8d900b4c24d3/', null, { 
     post: { 
      method:'POST' 
     } 
    }); 

      angular.extend($scope, { 

       model: { image: null }, 

       upload: function(model) { 
        console.log("File chosen"); 
        console.log(model); 
        Files.prototype.$post.call({},model.image, function(self, headers) { 
         // Handle server response 
         console.log("DONE"); 
        }); 
       } 
      }); 
});

Заголовы по моей просьбе: i. стек. imgur. ком/4inXR.jpg (извините, пришлось ставить пробелы в ссылке потому что я не могу отправить более чем 2)

Пожалуйста, предположим, я пограничное отсталый

источник

2014-11-19 Dejan Skorupan

Вы можете разместить свое решение? – dudemonkey

Я использовал жалобу, отправленную qwetty, она отлично работала :) –

В одном из моих проектов я использую этот угловой модуль https://github.com/danialfarid/angular-file-upload. Он работает для меня очень хорошо, также есть демонстрационный сайт.

источник

2014-11-19 16:03:40 qwetty

Спасибо большое! –

AngularJS: Как отправить файл изображения в POST через $ resource?

ответ

Смежные вопросы