Question

一直在搜索，但除了this php question之外没有任何内容接近我的问题。

在我的反应组件中，使用Rails 5，只有当我提交表单时，我才能将图像上传到S3;我不想刷新页面，所以我想我可以简单地使用ajax：

...

imageUpload(){
  var formData = $(this).serialize();
   $.ajax({
       url: '<url>',
       type: 'POST',
       data: formData,
       async: false,
       cache: false,
       contentType: false,
       processData: false,
       success: function (data) {
           console.log(data);
       },
       error: function () {
           alert("error in ajax form submission");
       }
   });
},

...

html：

<form encType="multipart/form-data" acceptCharset="UTF-8">
  <input
    type="file"
    name="user[evidence]"
    id="user_evidence"
  />
  <button className="success button small" onClick={this.imageUpload}>Upload</button>
</form>

转到更新方法（ajax url发现方法没问题）：

...

def update
 u = User.find(1)
 u.update_attributes(user_evidence) # causing ajax to return an error
end

private
  def user_evidence
   params.require(:user).permit(:evidence)
  end

添加图像并单击按钮时，不会上传任何内容到s3。我想我用ajax错过了某种远程信息？

修改

我已经使用此问题here创建了一个简单的rails 5应用。

Answer 1

你试过了吗？

<:::.h>

使用React，Rails和Paperclip上传AJAX图像

1 个答案: