страница обновилась после загрузки изображения, не нажимая на форму отправки?

Question

Когда я загружаю изображение в форму, изображение загружается, но страница обновляется. Я не хочу обновлять эту страницу для загрузки изображения. Это код кнопки сохранения изображения:

$('#app-icon-btn').click(function () {
    var oFile = $('#avatarInput')[0].files[0];
    var rFilter = /^(image\/jpeg|image\/png)$/i;
    if(typeof(oFile) == "undefined"){
        swal('Please select a valid image file (jpg and png are allowed)');
        return false;
    }

    var data_from = $('#data-from').serialize();
    if($('#app-icon-modal-btn').siblings().children('img').length){

    }


    <?php
    if(isset($appdata) && intval($appdata['is_update']) == 5){ ?>
            var is_image = 6;
    <?php }else{?>
        var is_image = 1;
    <?php }?>
    $.post(HTTP_ROOT + "/apps/updatefireTvApp", {'is_ajax': 1,'is_image': is_image , 'data_from': data_from}, function (res) {

        if (res) {
            //alert(res);
            $('#app-icon-from').submit();
        }

    });
});

Answer 1

Если вы не хотите, чтобы страница обновлялась (т. Е. Отправляете форму), вам нужно запретить этой форме:

// Inject the event ---------------v
$('#app-icon-btn').click(function (e) {
    // Prevent the event from doing what it normally does
    e.preventDefault();
    //...continue with script

Это позволит вашему ajax взять на себя и вместо этого отправить форму.