如何在Heroku部署的Rails项目中用CarrierWave存储SVG为数据库字符串？

当然有可行的思路啦！结合你用Rails部署在Heroku的场景，我整理了几个实操性很强的方案，一步步来就行：

一、基础方案：直接把SVG字符串存进数据库 #

这是最直接的方式，步骤很清晰：

• 第一步：给你的产品模型加个存储SVG内容的字段。因为SVG字符串可能比较长，推荐用text类型，别用string（长度有限制）。生成迁移文件的命令：

  rails generate migration AddSvgContentToProducts svg_content:text
  rails db:migrate
  

• 第二步：处理SVG文件的读取和存储。不管你是用表单上传还是Active Storage，只要能拿到SVG文件的临时文件，就读取它的内容转成字符串存到数据库：

  # 举个例子，在ProductsController的create/update动作里这么写
  if params[:product].key?(:svg_file)
    svg_content = File.read(params[:product][:svg_file].tempfile)
    @product.svg_content = svg_content
  end
  

• 第三步：在视图里渲染SVG的时候，记得用raw或者html_safe，不然Rails会把SVG标签转义成纯文本：

  <%= raw @product.svg_content %>
  

二、必做：SVG的安全过滤与体积优化 #

这两点不能忽略，不然容易踩坑：

• 安全处理：SVG文件可能被植入恶意脚本（比如<script>标签或者onclick属性），存进数据库前一定要过滤掉危险内容。推荐用Loofah gem来做：
  1. 先把gem加到Gemfile：gem 'loofah'，然后跑bundle install
  2. 在产品模型里加个回调，保存前自动清理：

     before_save :sanitize_svg_content
     
     private
     
     def sanitize_svg_content
       return unless svg_content.present?
       # 只保留安全的SVG标签和属性，删掉脚本相关的内容
       sanitized = Loofah.fragment(svg_content).scrub!(:strip_elements => %w[script iframe], :strip_attributes => %w[onload onclick])
       self.svg_content = sanitized.to_s
     end
     

• 体积优化：SVG文件往往有很多冗余代码，用svg_optimizer gem压缩一下，能减少数据库的存储压力：

  # 先在Gemfile加：gem 'svg_optimizer'，bundle install
  # 同样在模型里加回调
  before_save :optimize_svg_content
  
  private
  
  def optimize_svg_content
    return unless svg_content.present?
    self.svg_content = SvgOptimizer.optimize(svg_content)
  end
  

三、Heroku环境的适配要点 #

Heroku的环境有几个特性要注意，避免踩坑：

• 临时文件系统：Heroku的本地文件是临时的，所以别想着把上传的SVG存在服务器本地，直接读取临时文件的内容存数据库就好，前面的示例已经这么处理了，用tempfile读取没问题。
• 数据库字段容量：Heroku默认用PostgreSQL，它的text类型没有长度限制，所以不管SVG多大都能存，不用担心容量问题。
• 渲染性能：如果你的页面要渲染很多SVG，建议用Rails的片段缓存来优化加载速度：

  <% cache [@product, :svg_content] do %>
    <%= raw @product.svg_content %>
  <% end %>
  

四、进阶方案：结合Active Storage同步存储 #

如果你想保留文件上传的流程，同时把SVG内容存在数据库，可以用Active Storage存文件，然后自动同步内容到数据库字段：

class Product < ApplicationRecord
  has_one_attached :svg_file
  after_save :sync_svg_content_from_attachment

  private

  def sync_svg_content_from_attachment
    return unless svg_file.attached?
    self.svg_content = svg_file.download
    save unless svg_content_was == svg_content
  end
end

内容的提问来源于stack exchange，提问作者Володимир Дерун