phoenix elixir二進制數據圖像

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

來源

2016-02-13 murphy1312

雖然瀏覽器支持添加的base64形象的網址，我建議你採取了傳統的做法，緩存可以更容易地使用，並創建提供了一個新的鳳凰路線圖片。

要做到這一點，您只需發出正確的MIME類型標題，而不是渲染模板，只需將列的內容直接放入連接即可。

您應該檢查前幾個字節，看它是否與已知格式的白名單相匹配。你可以搜索這些字節在這裏：http://www.garykessler.net/library/file_sigs.html

來源

2016-02-14 09:26:35 asonge

所以優點是在性能 - 緩存？你能舉個例子嗎，怎麼這樣做？（我只用phoenix/elixir工作2周） – murphy1312

我只是談論普通的HTTP緩存。如果您使用其他信息來描述文件上次更改的時間或使用etag，則客戶端可以緩存該映像，並且可以減少帶寬使用量。起初我不擔心。 – asonge

phoenix elixir二進制數據圖像

回答

相關問題