在ng-submit表单中上传图片

时间:2016-11-01 17:32:37

标签: angularjs forms upload

我是Angular.js的新手,我想知道如何在我的ng-submit表单中上传图片。它适用于下一个基础的字段,但是在文件中它只给我“选择文件”按钮,而不是在点击提交按钮后显示它。

<form ng-submit="addartikel()">
<input type="text" placeholder="Bezeichnung" ng-model="newartikel.name" />
<input type="text" placeholder="Kategorie" ng-model="newartikel.kategorie" />
<input type="text" placeholder="Preis" ng-model="newartikel.preis" />
<input type="file" placeholder="Bild" ng-model="newartikel.thumb" />
<input type="submit" value="Artikel hinzufügen" />

至于控制器:

    webShop.controller('InventarController', ['$scope', '$http', function($scope, $http){

  $scope.addartikel = function(){
    $scope.inventar.push({
      name: $scope.newartikel.name,
      kategorie: $scope.newartikel.kategorie,
      preis: parseInt($scope.newartikel.preis),
      thumb: $scope.newartikel.thumb,
      available: true
    });

非常感谢您的帮助:)

1 个答案:

答案 0 :(得分:0)

使用Angular File Upload.It在https://github.com/nervgh/angular-file-upload

中可用