mvc razor обновить изображение после загрузки нового

Question

У меня возникла проблема с обновлением изображения после загрузки нового. Нажав на кнопку изменения, я хочу загрузить новое изображение, а старый должен быть обновлен. У вас есть идея, как это решить?

<img src="@Url.Content(String.Format("~/Logos/{0}.png", ViewData["companyName"]))" alt="Loading..." /> 
<input class="btn btn-default" id="changeButton" type="button" value="Logo ändern"/><br/> 
<input id="uploadLogo" type="file" name="logoName" style="display: none"> 

С JQuery я начала загрузки файла, нажав на changeButton

$('#changeButton').click(function() { 
    $('#uploadLogo').trigger('click'); 
}); 

Answer 1

Если вы используете вход «файл» типа, то вы можете сделать это двумя способами.

Первый заключается в том, что вы загружаете изображение в базу данных/проект через AJAX и отправляете обратно URL-адрес изображения. и добавьте URL-адрес к вашему изображению. src attribute

Другой подход, поддерживаемый ie9 и выше, заключается в том, что вы можете поймать событие загрузки в jquery и получить URL-адрес с компьютера-клиента. и добавьте его в тег src из атрибута img.

Обратите внимание, что второе разрешение не загружает/сохраняет изображение в проекте/datbase, но дает вам предварительный просмотр изображения.

Возможность сохранения изображений с использованием второго подхода возможна с еще одним вызовом AJAX на сервер, но я бы рекомендовал использовать его как предварительный просмотр и добавить новую кнопку «сохранить», чтобы сохранить ее.