如何从FormData获取图像到Rails API并在ActiveStorage中保存

<form id="imageForm">
  <input type="file" name="imageFile" id="imageFile">
  <button type="submit">上传图像</button>
</form>

document.getElementById("imageForm").addEventListener("submit", function(event) {
  event.preventDefault(); // 阻止表单默认提交行为
  
  var formData = new FormData();
  var imageFile = document.getElementById("imageFile").files[0];
  formData.append("image", imageFile);
  
  // 调用发送请求的函数，将FormData作为参数传递给后端API
});

class ImagesController < ApplicationController
  def create
    image = params[:image] # 获取上传的图像数据
    
    # 创建一个新的ActiveStorage Blob对象并将图像数据附加到该Blob上
    blob = ActiveStorage::Blob.create_after_upload!(
      io: image,
      filename: image.original_filename,
      content_type: image.content_type
    )
    
    render json: { image_url: url_for(blob) }
  end
end