image - Phoenix 灵药二进制数据图像

Question

我使用 phoenix 框架创建一个网页并创建一个上传表单，以便用户可以上传个人资料图片。

    def update(conn, %{"id" => id, "user" => %{"photo" => file}}) do
     if(File.exists?(file.path)) do

     case File.read(file.path) do
      {:ok, body}      -> data = IO.iodata_to_binary(body)
                          changeset = Whiteboard.File.changeset(%Whiteboard.File{}, %{user_id: currentuser.id, name: file.filename , data: data})

这样就可以了，二进制数据在数据库中以 bytea/binary 形式存在。

现在我的问题:如何渲染 phoenix html.eex 文件中的二进制数据以再次显示图像？

编辑:找到一个解决方案

def render("image.html", %{:height => height, :width => width, :data =>   data, :datatype => datatype}) do
  pic = Base.encode64(data)

Phoenix.HTML.raw("<img src=\"data:image/"<>datatype<>";base64,"<>pic<>"\" height=\""<>height<>"\" width=\""<>width<>"\">")

end

Answer 1

虽然浏览器支持添加 base64 图像 URL，但我建议您采用缓存更容易使用的传统方法，并创建一个新的 Phoenix 路由来提供图像。

为此，您只需发出正确的 mime 类型 header ，并且无需渲染模板，只需将列的内容直接放入连接中即可。

您可能应该检查前几个字节，看看它是否与已知格式的白名单匹配。您可以在此处搜索这些字节的内容:http://www.garykessler.net/library/file_sigs.html