2016-02-13 130 views
0

我使用phoenix框架创建一个网页并创建了一个上传表单,以使用户可以上传一个profil图片。phoenix elixir二进制数据图像

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 

回答

2

虽然浏览器支持添加的base64形象的网址,我建议你采取了传统的做法,缓存可以更容易地使用,并创建提供了一个新的凤凰路线图片。

要做到这一点,您只需发出正确的MIME类型标题,而不是渲染模板,只需将列的内容直接放入连接即可。

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

+0

所以优点是在性能 - 缓存?你能举个例子吗,怎么这样做? (我只用phoenix/elixir工作2周) – murphy1312

+0

我只是谈论普通的HTTP缓存。如果您使用其他信息来描述文件上次更改的时间或使用etag,则客户端可以缓存该映像,并且可以减少带宽使用量。起初我不担心。 – asonge