凤凰丹药二进制数据图像
phoenix elixir binary data image
我正在使用 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
虽然浏览器支持添加 base64 图像 URL,但我建议您采用缓存更容易使用的传统方法,并创建一个新的 Phoenix 路由来提供图像。
为此,您只需发出正确的 MIME 类型 header 而不是呈现模板,您只需将列的内容直接放入连接中即可。
您可能应该检查前几个字节,看看它是否与已知格式的白名单匹配。您可以在此处搜索这些字节的内容:http://www.garykessler.net/library/file_sigs.html
我正在使用 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
虽然浏览器支持添加 base64 图像 URL,但我建议您采用缓存更容易使用的传统方法,并创建一个新的 Phoenix 路由来提供图像。
为此,您只需发出正确的 MIME 类型 header 而不是呈现模板,您只需将列的内容直接放入连接中即可。
您可能应该检查前几个字节,看看它是否与已知格式的白名单匹配。您可以在此处搜索这些字节的内容:http://www.garykessler.net/library/file_sigs.html