изображение двоичных данных phoenix elixir

Я использую структуру 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 phoenix-framework elixir bytea
person murphy1312    schedule 13.02.2016    source источник

Ответы (1)


arrow_upward
3
arrow_downward

Хотя браузеры поддерживают добавление URL-адресов изображений base64, я бы посоветовал вам воспользоваться традиционным подходом, который проще использовать в кеше, и создать новый маршрут Phoenix, который обслуживает изображение.

Для этого вам просто нужно сгенерировать правильный заголовок типа mime, и вместо рендеринга шаблона вы просто помещаете содержимое столбца в соединение напрямую.

Вероятно, вам следует проверить первые несколько байтов, чтобы убедиться, что они соответствуют белому списку известных форматов. Вы можете найти эти байты здесь: http://www.garykessler.net/library/file_sigs.html

person asonge    schedule 14.02.2016
comment
Таким образом, преимущества будут в производительности - кеше? Можете ли вы привести пример, как это сделать таким образом? (извините, я работаю только 2 недели с фениксом/эликсиром) - person murphy1312; 14.02.2016
comment
Я просто говорю об обычном кэшировании HTTP. Если вы используете другие фрагменты информации, чтобы описать, когда последний раз изменялся этот файл, или используете etag, клиенты могут кэшировать это изображение, и вы можете уменьшить использование полосы пропускания. Сначала я бы не беспокоился об этом. - person asonge; 14.02.2016