【问题标题】:phoenix elixir binary data image凤凰灵药二进制数据图像
【发布时间】:2016-02-13 23:45:59
【问题描述】:

我使用 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

【问题讨论】:

    标签: image elixir phoenix-framework bytea


    【解决方案1】:

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

    为此,您只需发出正确的 mime 类型标题,而不是呈现模板,您只需将列的内容直接放入连接中。

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

    【讨论】:

    • 所以优势在于性能 - 缓存?你能给我一个例子吗,如何做到这一点? (对不起,我只用 phoenix/elixir 工作 2 周)
    • 我只是在谈论普通的 HTTP 缓存。如果您使用其他信息来描述上次更改文件的时间是或使用 etag,客户端可以缓存该图像,并且您可以减少带宽使用。一开始我不会担心的。
    猜你喜欢
    • 2016-10-12
    • 1970-01-01
    • 2020-08-31
    • 1970-01-01
    • 2021-01-29
    • 2017-11-26
    • 1970-01-01
    • 1970-01-01
    • 2016-02-01
    相关资源
    最近更新 更多