Отправка изображения из формы в FormData с Ajax не отображается на стороне сервера (Flask python)

Question

Я хочу создать Bootstrap Модальный, который имеет форму с textarea и изображением, и отправить его на сервер.

Моя форма на модале выглядит следующим образом:

<form id="formData" method="POST" enctype="multipart/form-data">
    <fieldset class="form-group">
        <div class="form-group">
            <textarea class="form-control" id="content" name="content" required></textarea>
        </div>
        <div class="form-group">
            <label for="image">Got any photo?</label>
            <input class="form-control-file" id="image" name="image" type="file">
        </div>
    </fieldset>
    <button class="btn purple-btn-outline-modal" type="submit">Add</button>
</form>

AJAX Я использую:

var form = document.forms.namedItem("formData");
form.addEventListener('submit', function (ev) {
    var oData = new FormData(form);
    oData.append('image', $('#image')[0].files[0])
    for (var p of oData) {
        console.log(p); // <- logs image in oData correctly
    }
    $.ajax({
        url: '/test/',
        type: 'POST',
        method: 'POST',
        data: oData,
        enctype: 'multipart/form-data',
        cache: false,
        contentType: false,
        processData: false,
        success: function (data) {
        },
    });
    ev.preventDefault();
}, false);

Но на стороне сервера (Python Flask) изображение не в форме запроса:

@main.route('/test/', methods=['POST'])
def test():
    if request.method == 'POST':
        app.logger.debug(request.form)            # ImmutableMultiDict([('content', 'my sent content')])
        app.logger.debug(request.form['content']) # 'my sent content'
        app.logger.debug(request.form['image'])   # <- KeyError: 'image'
    return jsonify(...)

Что не так?

Answer 1

решено.

Решение по @ v25:

request.files['image']

сработало.