全文共字，预计学习时长6分钟

图源：unsplash

想在Rails项目里上传图片吗？你来对地方了！下文将简要介绍什么是ActiveStorage，如何进行安装以及如何使用它在Rails项目里上传图片。

ActiveStorage

什么是ActiveStorage？这是一种非常简单但功能强大，可上传文件至云端储存（AmazonS3、谷歌云存储或微软Azure存储）的方式。ActiveStorage还提供用于本地部署和测试的磁盘服务，它能够将文件附加到ActiveRecord（领域模型），而无需在模型表中创建另一列。

ActiveStorage通过附件连接模型使用多态关联，然后连接到Blob模型（该模型存储附件元数据，如文件名、内容类型等以及它们的标识符密匙），这两个模型都是由ActiveRecord支持的内置模型。

安装

来看看如何在应用中安装ActiveStorage。首先，把railsactive_storage:install安装到命令行/控制台并处于应用程序文件夹内：

这将在db/migrate文件夹中创建一个新的迁移。然后，运行railsdb:migrate，将这些新表格迁移到模式文件中。迁移到模式文件中的两个表格分别是active_storage_attachments和active_storage_blobs。

ActiveStorage表格迁移

安装模型

创建迁移之后，下一步是找到与图片相关的模型文件。对于我的电影评论应用来说，我希望用户能够上传电影海报的图片，所以我需要的是电影模型。

app/model/movie.rb

使用has_one_attached可将单个图片附加到模型，也可使用has_many_attached附加多个图像。下面示例来自ActiveStorageREADME.md：

安装控制器

模型定义完成以后，下一步就是模型控制器。在参数定义中，需要添加:image属性作为允许的参数。下面这个例子来自movie_controller.rb文件：

app/controllers/movie_controller.rb

建立视图

模型和控制器都已经安装，是时候安装表单字段了，它能让用户上传图片。完成上述操作，需在erb文件中使用form.file_field。下面是_form.html.erb文件用于电影评论应用的示例：

app/views/movies/_form.html.erbnewmovieformpage

然后使用image_tag助手，就可以在视图文件中显示图像了。下面是该应用索引页的示例：

app/views/movies/show.html.erbshowpageexample

如何调整图像大小

有人会问：“图片后面的.variant(resize:“x”)是什么？”ActiveStorage允许使用ImageProcessing::MiniMagick模块进行图像转换，该模块与image_processinggem一起安装。使用这个gem，要做的就是取消Gemfile中image_processinggem的注释。

image_processinggeminGemfile

现在，使用image_processinggem提供的所有方法可将图像从原始大小转换为适合应用程序的大小。

再看一个例子：

app/viws/movies/index.html.erbindexpageexample

所以我们要通过ActiveStorage将图片上传至rails项目总共分几步呢？

·运行railsactive_storage:install

·运行railsdb/migrate

·模式：使用符号调用has_one_attached方法，它将成为每个模型实例的属性(在示例中，我们使用:image作为符号，不过命名随意)

·控制器:把图像属性作为允许参数

·视图:在表单中添加一个file_field，并使用image_tag显示上传的图像

希望你有机会在项目中利用本文的方法尝试一下！

留言点赞

转载请注明:http://www.aideyishus.com/lkjg/1837.html