Отправка form через ajax?

Question

[maestro07]

отправляю form через ajax. На первый раз все нормально. хочу отправить еще раз повторно ничего не работает. в чем может быть ошибка? в консоле и нетворке ничего нет.

<form enctype="multipart/form-data" method='post' id="XLSX_form">
    {% csrf_token %} 
    <span class="btn btn-primary btn-block btn-file" disabled="disabled">
        Загрузить Excel<input id="id_file" name="file" type="file" disabled="disabled">
    </span>
</form>

function onChangeXLS(e) {
    e.preventDefault()
    var form = $(this);
    var data = new FormData();

    form.find(':input[name]').not('[type="file"]').each(function() {
        var field = $(this);
        data.append(field.attr('name'), field.val());
    });

    var filesField = form.find('input[type="file"]');
    var fileName = filesField.attr('name');
    var file = filesField.prop('files')[0];
    data.append(fileName, file);

    console.log("data", data);

    $.ajax({
        url: uploadXLSX,
        type: 'POST',
        data: data,
        contentType: false,
        cache: false,
        processData: false,
        success: function(data) {
            console.log('data', data);
            var arrayOfJSON = data;
            invoiceFileExt = 'json';
            for (var i = 0; i < arrayOfJSON.length; i++)
                invoiceList[i] = JSON.stringify(arrayOfJSON[i]);

            if(invoiceList.length > 0 && !_.isEmpty(invoiceList[0])){
                invoiceCount = 0;
                sendOneByOne();
                blockScreen("");
                controlBtns.show();
            } else {
                showAlert(Globals.textRu.empty_file);
            }
        }
    });
}
document.getElementById('XLSX_form').addEventListener('change', onChangeXLS);

Comments

[Олег]

csrf токен одноразовый ?
sendOneByOne(); - тут что про исходит ?

[maestro07]

Олег Муравейко, sendOneByOne() отправляю по одному json

[maestro07]

Олег Муравейко, я проверил на mozilla там все работает как надо, chrome только один раз

[Олег]

с того момент как появилась проблема в хроме , компьютер перезагружался ?
Иногда хром клинит, приходиться как минимум закрывать целиком.

Answer 1

[Айнур Валиев]

onchange отработал свое 1 раз при выборе картинки. вешай колбек на клик

Comments

[maestro07]

проверил на mozilla там все работает как надо, в chrome только один раз. Можно кодом то что вы сказали

[Айнур Валиев]

maestro07, change срабатывает при выборе разных картинок. Навесь обработчик на отправку формы.
1. добавь кнопку

<input type="submit" name="send" value="отправить" id="send">

2. change на submit

document.getElementById('XLSX_form').addEventListener('submit', onChangeXLS);

[maestro07]

Айнур Валиев, дело в том что надо без кнопки submit. Выбрал и отправился сразу без submit кнопки

[Айнур Валиев]

ну видишь хром и фокс по разному обрабатывают событие change. 1-й не реагируют на одинаковую картинку, 2-й реагирует.
решение тут
Как мониторить событие выбора файла для input type=file?

function clear(ev){
    $(this).val('')
}

document.getElementById('id_file').addEventListener('click', clear)

[maestro07]

Айнур Валиев, "хром и фокс по разному обрабатывают событие change." сделал два файла и все норм работает. не знал про такую вещь.