Я довольно новичок в веб-разработке и Flask.Так как это мой первый вопрос, прошу прощения, если мой вопрос кажется слишком широким, и, пожалуйста, дайте мне знать, если мне нужно предоставить какие-либо дополнительные сведения относительно моего вопроса.
Я создаю веб-приложение Flask, которое отображаетизображение (когда пользователь выбирает из папки) и всю информацию, касающуюся этого изображения.Эта информация включает в себя: размер изображения, количество каналов изображения (3 для цветного изображения, 1 для изображения в градациях серого) и гистограмму изображения.Приложение должно отображать 3 отдельные гистограммы (для красного, синего и зеленого каналов) каждый раз, когда выбирается новое изображение для отображения.Изображение и вся информация об изображении должны отображаться на одной странице.
Я попытался использовать библиотеку pixastic (которая является библиотекой JavaScript для обработки изображений), как описано в этом документе: https://billmill.org/the_histogram.html
В частности, исходный код: https://billmill.org/static/pixastic/demos/hist_demo.html
Я импортировал все необходимые файлы jQuery и JavaScript в раздел заголовка html-документа.Когда я пытаюсь запустить приложение колбы, отображается только изображение, но гистограммы не отображаются.
Я использовал инструмент отладки Chrome для анализа и ниже приведена структура организации файлов, как показано в отладчике Chrome:
Структура Orgn
ошибкаЯ получаю на вкладке консоли chrome следующее:
:4555/favicon.ico:1 Failed to load resource: the server responded with a status of 404 (NOT FOUND)
Я ожидал, что гистограмма будет отображена в том виде, в котором она показана в исходном коде (ссылка прилагается выше), однако отображается только изображение.
Редактировать: так я импортировал библиотеку Библиотеки JavaScript и JQuery