從Web應用程序上載文件到EC2 Web服務器

Question

我正在使用Sails.js創建一個簡單的應用程序。它的基本功能是創建一個新項目，然後將其保存到數據庫並將圖像上傳到S3。

以下是發生了什麼事情： 當我在本地運行我的應用程序時，它表現良好。 req.body包含內容，並且req.file（'item-image'）不爲空。 我現在在EC2上運行它，問題是，req.body只是一個空對象，但是req.file（'item-image'）不是空的。我已經嘗試了不同的調試方案，看他們下面：

1. 如果我刪除ENCTYPE =「的multipart/form-data的」（我知道這是需要進行文件上傳，只是想），我得到的REQ .body對象，我期望，但正如所料，req.file（'item-image'）是空的。

2. 我放回了enctype =「multipart/form-data」，然後嘗試發送沒有該文件的請求，我得到了我期望的req.body對象。

3. 我在我的請求中包含一個圖像，req.body對象是空的，但是req.file（'item-image'）不是。

最奇怪的是，當我通過郵遞員發送我的請求時，所有行爲都如預期的那樣。我真的失去了，見下面我的代碼：

create_event.ejs

<form action=<%= event.createUrl %> method="POST" id="form-item" enctype="multipart/form-data"> 
 
<div class="modal-dialog"> 
 
    <div class="modal-content"> 
 
    <div class="modal-header"> 
 
     <button type="button" class="close" data-dismiss="modal">&times;</button> 
 
     <h4 class="blue bigger">Please fill the following form fields</h4> 
 
    </div> 
 

 
    <div class="modal-body overflow-visible"> 
 
     <div class="row"> 
 
     <div class="col-xs-12 col-sm-5"> 
 
      <div class="space"></div> 
 

 
      <input type="file" name="item-image"/> 
 
     </div> 
 

 
     <div class="col-xs-12 col-sm-7"> 
 
      <div class="form-group"> 
 
      <label for="form-field-username">Name</label> 
 

 
      <div> 
 
       <input class="input-large" type="text" id="form-field-username" placeholder="Item Name" name="item-name" /> 
 
      </div> 
 
      </div> 
 

 
      <div class="space-4"></div> 
 

 
      <div class="form-group"> 
 
      <label for="form-field-username">Description</label> 
 

 
      <div> 
 
       <input class="input-large" type="text" id="form-field-username" placeholder="Item Description" name="item-description"/> 
 
      </div> 
 
      </div> 
 
     </div> 
 
     </div> 
 
    </div> 
 

 
    <div class="modal-footer"> 
 
     <button class="btn btn-sm" data-dismiss="modal"> 
 
     <i class="icon-remove"></i> 
 
     Cancel 
 
     </button> 
 

 
     <button class="btn btn-sm btn-primary" id="save-item"> 
 
     <i class="icon-ok"></i> 
 
     Save 
 
     </button> 
 
    </div> 
 
    </div> 
 
</div> 
 
</form>

create_event.js

$('#save-item').on('click', function(e){ 
     var response = confirm('Are you sure you want to continue saving this item?'); 
     if(response == true) { 
      $('#form-item').submit(); 
     } 
    }); 

AdminController.js

createItem: function(req, res){ 
    console.log('Saving..'); 
    console.log(req.body); 
    var eventId = req.path.split('/')[4]; 
    req.file('item-image').upload(function callback(error, uploadedFile){ 
     if(error) { 
      console.log(error); 
      return res.serverError(); 
     } 
     console.log(uploadedFile); 

     s3Helper.upload(uploadedFile[0], function(error, data){ 
      if(error) { 
       return res.serverError(); 
      } 

      var item = { 
       ITEM_ID: uuid.v1(), 
       EVENT_ID: req.path.split('/')[4], 
       NAME: req.body['item-name'], 
       DESCRIPTION: req.body['item-description'], 
       IMAGE_URL: data.Location 
      } 

      EventItem.create(item, function(error, data){ 
       if(error) { 
        console.log(error); 
        return res.serverError(); 
       } 
       console.log('Successfully saved data: '); 
       console.log(data); 
       return res.redirect('/admin/events/' + eventId); 
      }); 
     }); 
    }); 
}, 

謝謝！

Answer 1

我找到了答案在這裏https://github.com/balderdashy/sails/issues/2508

顯然，sails.js使用船長和是輸入的順序敏感。我只是把文件部分放在最後，現在就可以工作。

我只是困惑，爲什麼它在我的本地，而不是我的ec2服務器上。