2

私はフェニックスフレームワークを使用してWebページを作成し、アップロードフォームを作成して、ユーザーがプロフィール写真をアップロードできるようにしました。

    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 ファイルのバイナリ データをレンダリングして、画像を再度表示するにはどうすればよいですか?

編集:1つの解決策が見つかりました

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
4

1 に答える 1

3

ブラウザーは base64 画像 URL の追加をサポートしていますが、キャッシュがより簡単に使用できる従来のアプローチを採用し、画像を提供する新しい Phoenix ルートを作成することをお勧めします。

これを行うには、正しい MIME タイプ ヘッダーを発行する必要があり、テンプレートをレンダリングする代わりに、列の内容を接続に直接配置するだけです。

最初の数バイトを検査して、既知の形式のホワイトリストと一致するかどうかを確認する必要があります。これらのバイトがここで検索できます: http://www.garykessler.net/library/file_sigs.html

于 2016-02-14T09:26:35.597 に答える