AJAX Image React、Rails、Paperclipでアップロードする

Question

検索していますが、this php questionを除いて、私の質問に近いものはありません。

私のリアクションコンポーネントでは、Rails 5を使用して、フォームを提出した場合にのみS3に画像をアップロードできます。私は、ページを更新したくないので、私は単にそのためにAJAXを使用と考えていた：（AJAX URLが見つかっザ・更新方法に行く

<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> 

：

... 

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方法は問題ありません）：

... 

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の情報が不足していると思いますか？

EDIT：

私はこの問題hereとシンプルなレール5のアプリを作成しました。

Answer 1

フォーム内でthisをメソッド内で使用することはできません。 refsをお試しください。

<form ref="myForm" ...> 
... 
var formData = $(this.refs.myForm).serialize(); 

Answer 2

あなたが試してみました：

<form remote="true"...>