Как просмотреть изображение, которое было прикреплено на другой странице (Rails и Active Storage) - PullRequest
Новая
       11

Как просмотреть изображение, которое было прикреплено на другой странице (Rails и Active Storage)

0 голосов
/ 26 апреля 2020

В моем приложении rails 6 я хотел бы просмотреть изображение при создании. html .erb, даже если изображение было загружено в новом. html .erb. На данный момент я могу успешно просмотреть изображение в новом. html .erb, когда пользователь загружает изображение.

Я хотел бы просмотреть изображение при создании. html .erb, даже если изображение еще не сохранено в базе данных. Это мой код в новом. html .erb 

<%= f.input :logo, as: :file, input_html: { class: 'd-none', id: 'logo-input'}, label_html: { class: 'upload-photo'}, label: '? Upload a logo' %>
<%= image_tag "", width: 300, id: "logo-preview"%>

<%= f.button :submit , name: "previewButt", value: "Preview", formtarget:"_blank", data: { disable_with: false } %>

В моем js у меня есть 

 $(document).on('turbolinks:load', function(){
  function readURL(input) {
    if (input.files && input.files[0]) {
      var reader = new FileReader();

      reader.onload = function(e) {
        $('#logo-preview').attr('src', e.target.result);
      }

      reader.readAsDataURL(input.files[0]); // convert to base64 string
    }
  }

  $("#logo-input").change(function() {
    readURL(this);
  });
})

В create. html .erb, мне понравится для предварительного просмотра изображения, загруженного в новом. html .erb таким образом, 

   <%= image_tag src_of_image, width: 300 %>

Моя проблема заключается в источнике изображения, загруженного в новом. html .erb недоступен при создании. html .erb. В настоящее время я могу только предварительно просмотреть изображение в новом. html .erb после того, как пользователь загрузит его. Как я могу передать источник предварительного изображения из нового. html .erb для создания. html .erb? Есть ли лучшие альтернативы?

...