如何在 Rails 中使用 Cloudinary 将直接上传字段与模型相关联?

Posted

技术标签:

【中文标题】如何在 Rails 中使用 Cloudinary 将直接上传字段与模型相关联?【英文标题】:How to associate direct upload fields with a model using Cloudinary in Rails? 【发布时间】:2012-12-13 00:56:48 【问题描述】:

使用 Cloudinary 和他们的 Carrierwave 插件,我可以在我的视图中编写一个表单,将图像上传到他们的云并将其绑定到名为 picture 的模型属性,如下所示:

<%= form_for(@post) do |post_form| %>
  <%= post_form.hidden_field(:picture_cache) %>
  <%= post_form.file_field(:picture) %>
<% end %>

这行得通。但是我不知道如何在关注他们的documentation for direct uploads in Rails 时将属性绑定到模型。他们的示例使用了未绑定到模型的 form_tag:

<%= form_tag(some_path, :method => :post) do  %>
  <%= cl_image_upload_tag(:image_id) %>
    ...
<%= end %>

我正在寻找类似&lt;%= post_form.some_upload_method(:picture) %&gt; 的示例。其他人是否有机会直接上传他们的模型并知道我在寻找什么?

【问题讨论】:

文件上传成功后,我会使用 ajax 请求进行此操作 在您的情况下:上传完成后,您的图片的 Cloudinary 公共 ID 将添加到您的原始表单并提交到您的服务器。当您想在将来访问上传的图像时使用此公共 ID,无论是原始形式还是使用 Cloudinary 的按需图像转换之后。您还可以让插件在上传到 Cloudinary 完成时调用 javascript 回调例程。 【参考方案1】:

您可以使用以下语法:

<%= post_form.cl_image_upload(:picture) %>

【讨论】:

非常感谢!这是赏金。

以上是关于如何在 Rails 中使用 Cloudinary 将直接上传字段与模型相关联?的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 Rails-Api + Vue.js + Cloudinary + Attachinary 上传图片?

如何使用 Rails API 中的 Attachinary 将图像从 React Native App 直接上传到 Cloudinary

Rails Cloudinary 提交后直接上传图片

使用Cloudinary,Carrierwave,Ckeditor和Rails Admin时出现问题

无法使用 Rails 将音频文件上传到 Cloudinary

在创建图像之前使用 jCrop 和 cloudinary through rails 4 进行裁剪