2016-07-27 9 views
0

これは私の3日目ですが、これを理解しようとしています。bootstrap/angular ejsファイルからnode.jsのWebサイトにファイルをアップロードする

私は、後で検索可能になるように、ファイル名またはキーワードでファイルをアップロードする方法を模索しています。私はそれらをデータセットに保存しているので、プロセスに別のステップを追加したいときは、すでにアップロードされているイメージを検索して再利用できるようにします。少なくともそれが目標ですが、私はファイルをアップロードする最初のステップを得ることができません。 EJSファイルで

、私はこのフォームがあります。

$ scope.Save =(そもそもだけ保存に取り組んで) :JSコントローラで

<div class="modal-content"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal">&times;</button> 
    <h4 class="modal-title">{{modal_header}}</h4> 
    </div> 
    <div class="modal-body"> 
    <form > 
      <div class="form-group"> 
      <label for="ProblemInput">Step</label> 
      <input type="text" class="form-control" id="ProblemInput" placeholder="Step Number" ng-model="step"> 
      </div> 
      <p class="form-group"> 
      <label for="DescriptionInput">Description</label> 
      <textarea class="form-control" id="DescriptionInput" placeholder="Detail Description" ng-model="description"></textarea> 
      </p> 
      <input 
      type="file" 
      ngf-select 
      ng-model="file" 
      name="file" 
      ngf-pattern="'image/*'" 
      accept="image/*" 
      ngf-max-size="20MB" 
      /> 
     Image thumbnail: <img style="width:100px;" ngf-thumbnail="file || '/thumb.jpg'"/> 
     <i ng-show="file.$error.required">*required</i><br> 
     <i ng-show="file.$error.maxSize">File too large 
     {{file.size/1000000|number:1}}MB: max 20M</i> 
    </form> 
    </div> 
    <div class="modal-footer"> 
    <!-- <button type="button" data-ng-click="SaveNAdd()" class="btn btn-default" >Save and Add Another</button> --> 
    <button type="button" ng-hide="_id" data-ng-click="Save()" class="btn btn-default" data-dismiss="modal">Save</button> 
    <button type="button" ng-show="_id" data-ng-click="Update()" class="btn btn-default" data-dismiss="modal">Update</button> 
    <button type="button" data-ng-click="Reset()" class="btn btn-default" data-dismiss="modal">Close</button> 
    </div> 

を、私はこれを持っています

:関数(){

ノードサーバで
var data = 
{ 
    Problem: $scope.problem 
    ,description: $scope.description 
    ,resolution: $scope.resolution 
    ,images : $scope.file 
    ,id : $scope._id 

}; 


    console.log($scope.m_problem._id); 
    $http.post("/kbasefull/" + $scope.m_problem._id + "/scriptAdd", data). 
     success(function(data) { $scope.m_datalist = data; Reset();}) 
     .error(function(data) {console.log(data + "failure");}); 
//} 
} 

、私はこれを持っています0

書き込みファイルにはファイルが作成されていますが、読み取れません。マルチは何も見えていないようです。

思考?

+0

私はポストルーチンでファイルを取得しています。私のconsole.log(req.body)には以下のイメージがあります:images:{'$ ngfDataUrl': 'data:image/png; base64、iVBORw0KGgoAAAANSUhEUgA ...... – user269964

+0

私はファイル名と最後に変更され、私が見ることができる他のものがあります。しかし、私はポストサイドでそれを持っていません。私は完全な記録を得ているとは思わない。 – user269964

答えて

0

私はそれを働かせました。私はExpress 3からExpress 4にアップグレードしなければなりませんでした。

関連する問題