wicked_pdf 图像渲染

Question

如何获取产品图像并以 PDF 格式显示？

我在视图文件中有这段代码

<div id="img-slide">
    <% for asset in @car.assets %>
    <%= image_tag(asset.asset.url(:medium)) %>
    <% end %>
</div>

，它显示了这辆车的所有图像。

但如果我在 show.pdf.erb 中使用相同的代码，那么我得到的不是图像而是问号......就像图像丢失的东西一样。 那么，有没有办法把它们写在纸上呢？谢谢。

ps 控制台显示的内容

***************WICKED***************
  Asset Load (0.2ms)  SELECT `assets`.* FROM `assets` WHERE (`assets`.car_id = 29)
  Carmodel Load (0.2ms)  SELECT `carmodels`.* FROM `carmodels` WHERE `carmodels`.`id` = 28 LIMIT 1
Rendered cars/show.pdf.erb (255.2ms)
"***************/usr/bin/wkhtmltopdf       -q - - ***************"

更新

<%= pdf_image_tag('/public/system/assets/163/medium/2011_lincoln_navigator_l_angularfront.jpg', :style=>"margin:0px;padding:0px", :width=>"300", :height=>"240")%>

此代码显示了链接在 html 中的样子，使用此代码我可以渲染汽车的一张照片，但对于所有汽车来说都是相同的，所以我没做太多事。

163 数字是分配给汽车的资产 ID，在这里我保留了一张具有多种尺寸（拇指、中、大..）的图像，并且我为一辆车获得了 5 张具有不同数字的地图。所以我有很多带有这样的编号的地图，因为每辆车我至少有 5 张照片。每辆车有 5 项资产。在 show.html 中我可以看到它们，但在 pdf 中却看不到。我确实将其放入应用程序助手中：

def pdf_image_tag(image, options = {})
  options[:src] = File.expand_path(RAILS_ROOT) + '' + image
  tag(:img, options)
end

但这仅适用于您服务器上的图像，并且对于所有汽车都相同，我如何才能获得每辆车的至少一张图像以 pdf 形式显示？拜托了。帮助！！！

Answer 1

版本 0.7.9

<%= wicked_pdf_image_tag 'myfile.jpg' %>

基本上返回文件系统上的绝对路径：

file:///path/to/image/myfile.jpg

另请参阅：https://github.com/mileszs/wicked_pdf

Answer 2

可以不使用 wicked_pdf_image_tag 帮助程序，而是使用 image_tag 和 image_url Rails 帮助程序来获取图像的绝对路径（这是 >wicked_pdf gem)：

image_tag image_url('dir/image.png')

这里 dir/image.png 是相对于 Rails 应用程序中标准位置的图像路径（对于图像而言为 app/assets/images）。

Answer 3

好的，所以我找到了答案

<%= image_tag(asset.asset.url(:medium)) %> 代码生成图像的 url，在 html 中看起来像 所以我的图像从系统映射开始，我所要做的就是在 application_helper.rb< 中编写一个方法/code> 像这样：

module ApplicationHelper

 def pdf_image_tag(image, options = {})
  options[:src] = File.expand_path(RAILS_ROOT) + '/public' + image
  tag(:img, options)
 end
end

这样 wiked_pdf 就会知道名为 pdf_image_tag 的图像标签将从 public 的系统文件夹开始，并且pdf.html.erb 的最终代码将是：

<% for asset in @car.assets %>
  <%= pdf_image_tag(asset.asset.url(:medium), :style=>"margin:0px;padding:0px", :width=>"250", :height=>"200")%>
<% end %>

很简单，但我仍然花了几天时间才弄清楚。美好的一天。

Answer 4

唯一对我有用的是使用这个：

<%= image_tag wicked_pdf_asset_base64('logo') %>

Answer 5

虽然 @tap349 的答案对我来说有点用，但我必须对项目中已经存储的图像做一些完全不同的事情。

• 因此，对于用户上传的图像，我使用 mini_magick gem，在我的视图中（我使用 slime 语法）：

= image_tag image_url(picture.url(:medium))

• 对于已经存储在项目中的图像，我必须通过返回图像位置并加入来手动创建绝对路径它具有这样的请求协议和主机（我使用 Webpacker 并且我的图像位于 app/javascript/images 中）：

= wicked_pdf_image_tag URI.join(request.base_url, asset_pack_path('media/images/logo.png'))

在另一篇文章中，我看到这个命令帮助我查看路径是否存在，你可以在红宝石中尝试一下 安慰：

Webpacker.manifest.send(:data).keys.grep /logo/