изображение не отображается после добавления нового пути

Question

Я пытаюсь заменить изображение на странице после загрузки нового с помощью несущей и jquery-file-upload-rails. Проблема, с которой я сталкиваюсь, заключается в том, что новое изображение на самом деле не отображается на странице, даже если html-элемент правильно заменяет теги html старого изображения.

Изображение правильно сохраняется, а пути совпадают.

Вот мой update.js

<% if @logo %> 
    $('.logo-container').replaceWith("<div class='logo-container'><img href='<%= @logo.image_url %>' class='col-1 col'/></div>"); 
<% end %> 

Я думаю, что это может быть проблемой кэша, но я пока не уверен.

Спасибо за вашу помощь заранее!

Answer 1

Вопрос заключается в том, что я использовал HREF и не SRC. Мех !!

Answer 2

Можете ли вы попробовать сначала опорожнить контейнер?

<% if @logo %> $('.logo-container').html('').html("<div class='logo-container'><img href='<%= @logo.image_url %>' class='col-1 col'/></div>"); <% end %>

Answer 3

если вы используете JQuery, вы можете просто изменить патч ЦСИ с помощью этого:

$(".logo-container").attr('src',image_url);