使用强参数将 FormData 发送到 Rails API 时出现问题

Question

我想创建一个角色，有一个名字和一个头像。这是我的代码：

CharacterApi.js，我在其中进行网络调用

function addCharacter(name, avatar) {
  const data = new FormData();
  data.append(‘name’, name);
  data.append(‘avatar’, avatar);
  return authenticatedFetch({
    path: '/teams/characters’,
    method: 'post',
    data
  });
}

characters_controller.rb

def create
  @character = @character.new(character_params)
  if @character.save
    render :show
  else
    render json: @character.errors, status: :unprocessable_entity
  end
end
[. . .]
private
def character_params
  params.fetch(:character, {}).permit(:name, :avatar)
end

当我提出创建请求时，这给了我一个422: unprocessable entity错误。但是，调试向我表明实际上发送了正确的参数，并且执行以下操作可以使一切再次正常工作：

def create
  @character = @characters.new
  @character.name = params[:name]
  @character.avatar = params[:avatar]
[. . .]
end

尽管第二种方法有效，但对我来说不是很实用，因为我想在将来添加更多参数。

如果我将参数作为简单的 JSON 发送，我无法获取任何文件(总是给我一个空值(，但第一种方法有效，这次：

有了这个，我无法发送图像或任何文件，但初始 rails 语法再次有效

function addCharacter(name, avatar) {
  return authenticatedFetch({
    path: '/teams/characters’,
    method: 'post',
    data: {name, avatar}
  });
}

当我发送 FormData 时，短语法@character.new(character_params)不起作用的原因是什么？

我使用载波来处理轨道API中的文件。提前感谢任何帮助！

Answer 1

您使用强参数的方式错误。

它必须是：

def character_params
  params.require(:character).permit(:name, :avatar)
end