Rails结合React上传图片到Cloudinary出现nil转String错误如何解决

问题原因 #

你提交的图片参数是嵌套在blog键下的，从请求日志的参数结构可以看到，image字段属于params[:blog]的子属性，而你代码中直接读取params[:image]，该值本身就是nil，传入Cloudinary上传方法后就触发了「nil转String」的类型错误。

修复步骤 #

1. 修正参数读取路径 #

将Cloudinary::Uploader.upload(params[:image])改为读取嵌套的params[:blog][:image]。

2. 优化控制器逻辑顺序 #

你当前的逻辑存在两个冗余问题：

• 未做权限校验就先执行CDN上传，会导致无权限的请求也浪费CDN资源
• 先初始化Blog对象、执行update方法，后续才做保存操作，多余的数据库操作会拖慢响应

3. 添加上传异常捕获 #

避免CDN上传失败（网络问题、格式不符合要求等场景）直接抛出500错误。

修正后的控制器代码示例 #

def create
  # 先做权限校验，拦截无权限请求
  return unless authorized?

  @blog = Blog.new(blog_params.merge(user_id: @current_user.id))
  
  begin
    # 读取嵌套的image参数
    upload_image = Cloudinary::Uploader.upload(params[:blog][:image])
    @blog.image = upload_image['url']
  rescue StandardError => e
    # 捕获上传异常返回错误信息
    return render status: :unprocessable_entity, json: {error: "图片上传失败：#{e.message}"}
  end

  if @blog.save
    render status: :ok, json: {blog: @blog , notice: "Blog Successfully created"}
  else
    errors = @blog.errors.full_messages.to_sentence
    render status: :unprocessable_entity, json: {error: errors}
  end
end

可选优化建议 #

你可以将image字段加入blog_params强参数允许列表，后续可以直接通过blog_params[:image]读取参数，代码更规范：

def blog_params
  params.require(:blog).permit(:title, :body, :image)
end

修正后上传部分可以直接写为Cloudinary::Uploader.upload(blog_params[:image])。

内容的提问来源于stack exchange，提问作者Abhishek Singh