从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服务器上。