Обновить изображение в модальном окне после замены без закрытия модального - PullRequest
Новая
       12

Обновить изображение в модальном окне после замены без закрытия модального

0 голосов
/ 14 марта 2019

Я пытаюсь обновить свое изображение в модальном окне после замены. Если я повторяю свою операцию, не закрывая модальное окно, мой <div> показывает все последовательные изображения, как здесь:

Example

JQuery код: 

$(document).ready(function(){
    $('#img_logo_content').change(function(){
        var fd = new FormData();
        var files = $('#img_logo_content')[0].files[0];
        fd.append('file',files);
        fd.append('request',1);

        // AJAX request
        $.ajax({
            url: 'upload.php',
            type: 'post',
            cache: false,
            data: fd,
            contentType: false,
            processData: false,
            success: function(response){
                if(response != 0){
                    // Show image preview
                     $('#logo-preview').append("<img src='"+response+"'  height='50' style='display: inline-block;'>");
                }else{
                    alert('file not uploaded');
                }
            }
        });
    });
});

Мой модальный div 

<div class="form-group">
    <label for="img_logo_content" class="col-sm-4 control-label">Votre logo</label>
    <div class="col-sm-8">
        <!-- Display logo -->
        <div id="logo-preview"></div>
        <input type="file" class="form-control" id="img_logo_content" name="img_logo_content" placeholder="Votre Logo">
    </div>
</div>

1 Ответ

0 голосов
/ 14 марта 2019

Измените .append () на .html () 

$('#logo-preview').html("<img src='"+response+"'  height='50' style='display: inline-block;'>");

Это должно заменить изображение вместо добавления к концу этого элемента, однако, это заменит все HTML в этом элементе. Не уверен, если это желательно или нет.

...