HTML: Расширение файла "sr" не разрешено

Я использую Django версии 4. (Я не думаю, что проблема в django).

Я использую HTML с библиотекой bootstrap.

Я работаю над инструментом обработки изображений, в котором у меня есть FORM, через которую пользователь может загрузить файл изображения.

Я получаю этот вывод в браузере Chrome, когда выбираю .sr файл.

enter image description here

Текст, выделенный КРАСНЫМ цветом: 

File extension “sr” is not allowed. Allowed extensions are: bmp, dib, gif, tif, tiff, jfif, jpe, jpg, jpeg, pbm, pgm, ppm, pnm, png, apng, blp, bufr, cur, pcx, dcx, dds, ps, eps, fit, fits, fli, flc, ftc, ftu, gbr, grib, h5, hdf, jp2, j2k, jpc, jpf, jpx, j2c, icns, ico, im, iim, mpg, mpeg, mpo, msp, palm, pcd, pdf, pxr, psd, bw, rgb, rgba, sgi, ras, tga, icb, vda, vst, webp, wmf, emf, xbm, xpm.

Мой HTML выглядит следующим образом...

                <form method="POST" onsubmit="return validate()" enctype="multipart/form-data">
                    <legend><u>{{ src|upper }} to {{ dst|upper }}</u></legend>
                    <div class="mb-3">{% csrf_token %} {{ form|crispy }}</div>
                    <button class="btn btn-sm p-2 btn-dark btn-outline-light border border-1 border-dark" type="SUBMIT">Convert Now</button>
                </form>

Метод, используемый в событии отправки формы, всегда возвращает TRUE. Пока что валидация не производится.

Но у меня есть еще один сниппет кода javascript, как показано ниже.

            window.onload = () => {
                document.getElementsByName("image")[0].accept = ".{{ src }}";
            };

При отображении HTML элемент ввода выглядит следующим образом...

<input type="file" name="image" class="form-control mb-4" accept=".sr" id="id_image" required="">

Что мне делать?

Вернуться на верх