Как прочитать файл из ajax-вызова в Django?

Я работаю в Django. Мне нужно загрузить txt файл и вывести его содержимое в таблицу. Я перепробовал много способов, но ни один из них не работает. Кто-то посоветовал мне просто выводить таблицу в ajax-вызове, но это не работает. Вот что я пытаюсь сделать:

Я показываю форму для загрузки файла:

class UploadFileForm(forms.Form):
    file = forms.FileField(label = "File:")

Я возвращаю форму в представление:

def upload(request):
    form = UploadFileForm()
    return render(request, 'upload.html', {'form': form})

Я печатаю форму в шаблоне:

<form method="post" enctype="multipart/form-data">
    {% csrf_token %}
    {{ form.as_p }}            
</form>

Затем у меня есть кнопка для подтверждения загрузки:

<button id="upload">Upload file</button>

А вот здесь я пытаюсь вывести таблицу в fetch, что не получается:

var upload = document.getElementById("upload");
upload.addEventListener("click", function(){
    const url = "{% url 'table' %}";
    fetch(url, {method:'POST'}).then(response => response.json()).then(function(data){
        var table = document.getElementById('table');
        tableRow1.innerHTML = data.tableHTML;
    })
})

Урл 'table' обращается к этой функции:

def table(request):
    data = file_to_HTML(request.FILES['file'])
    json_response = {"tableHTML":data}
    return JsonResponse(json_response)

Проблема в том, что таблица вообще не печатается, и я получаю следующую ошибку:

Internal Server Error: /table/
Traceback (most recent call last):
  File "C:\Users\Daniel\miniconda3\envs\env1\lib\site-packages\django\utils\datastructures.py", line 78, in __getitem__
    list_ = super().__getitem__(key)
KeyError: 'file'

During handling of the above exception, another exception occurred:

Traceback (most recent call last):
  File "C:\Users\Daniel\miniconda3\envs\env1\lib\site-packages\django\core\handlers\exception.py", line 34, in inner
    response = get_response(request)
  File "C:\Users\Daniel\miniconda3\envs\env1\lib\site-packages\django\core\handlers\base.py", line 115, in _get_response
    response = self.process_exception_by_middleware(e, request)
  File "C:\Users\Daniel\miniconda3\envs\env1\lib\site-packages\django\core\handlers\base.py", line 113, in _get_response
    response = wrapped_callback(request, *callback_args, **callback_kwargs)
  File "C:\Users\Daniel\miniconda3\envs\env1\lib\site-packages\django\views\decorators\csrf.py", line 54, in wrapped_view
    return view_func(*args, **kwargs)
  File "C:\Users\Daniel\Trabajo\module1\app1\views.py", line 22, in table
    data_list = read_bank_file(request.FILES['file'])
  File "C:\Users\Daniel\miniconda3\envs\env1\lib\site-packages\django\utils\datastructures.py", line 80, in __getitem__
    raise MultiValueDictKeyError(key)
django.utils.datastructures.MultiValueDictKeyError: 'file'

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

Для получения файлов из запроса вы можете сделать что-то вроде этого.

form = forms.UploadFileForm(request.POST, request.FILES or None)

Я решил эту проблему, используя JQuery и изменив кучу вещей в ajax вызове:

Запустите вызов, когда форма будет отправлена, и используйте e.preventDefault(), чтобы остановить ее от фактической отправки.

Отправка формы в Django внутри объекта FormData.

Использование processData: false и contentType: false.

Вот полный вызов Ajax:

$("#formulario").submit(function(e){
    e.preventDefault();
    var formData = new FormData(this);
    $.ajax({
        url : "{% url 'table' %}",
        type: "POST",
        processData: false,
        contentType: false,
        data: formData,
        success: function (data){
            $("#tableData").append(data.tableHTML);
        }
    })
});
Вернуться на верх