无法使用formdata在rails后端将文件发送到ruby

时间:2018-12-14 16:31:30

标签: javascript ruby-on-rails ruby reactjs

我的react应用程序中有以下代码:

this.handlefileupload = (e) => {



console.log(e.target.files[0])
 var formdata = new FormData()



      formdata.append('file', e.target.files[0])



      axios.post('http://localhost:3000/api/v1/upload_document', {
        myfile: formdata
      }, {
          headers: {
            Authorization: "Bearer " + sessionStorage.getItem('loginToken'),
            'Content-Type': 'multipart/form-data'
          }
        }
      )
        .then((response) => {
          console.log('success')

        }

        )
        .catch(function (error) {
          console.log(error.response);
        });
    }

然后在Ruby on Rails应用程序中包含以下内容:

def upload
   uploaded_io = params[:myfile][:file]
   File.open(Rails.root.join('public', 'uploads', uploaded_io.original_filename), 'wb') do |file|
     file.write(uploaded_io.read)
   end
end

我收到以下错误:

  

在6毫秒内完成500个内部服务器错误(ActiveRecord:1.0毫秒)

     

NoMethodError(对于nil:NilClass,未定义的方法“ []”):

最有可能是因为它没有收到文件?

1 个答案:

答案 0 :(得分:0)

您在后端params[:files][:file]中的参数

但是您通过params[:file]的响应发送它

将反应代码更改为 formdata.append('files[file]', e.target.files[0])

还要确保 URL 有效!

const formData = new FormData();
const headers = {
  'Authorization': "Bearer " + sessionStorage.getItem('loginToken'),
  'Accept': 'application/json',
  'Content-Type': 'multipart/form-data'
}

formdata.append('files[file]', e.target.files[0])
axios.post("http://localhost:3000/api/v1/upload_document", formData, {headers})