Как сделать условие для загрузки файла с использованием JS в приложении Flask на Heroku?

Question

Я хочу иметь условие, при котором, когда пользователь нажимает ссылку для загрузки файла, он запрашивает пароль, после чего файл может быть загружен (если он правильный). Я довольно c в JS, и я хочу попробовать это для своего Flask приложения, развернутого на Heroku. Я просто не знаю, как это реализовать. пароль, и если правильный, файл должен быть загружен. Можно ли это сделать с помощью простой функции JS, в которой поле пароля и кнопка заключены в элемент формы и сравниваются, или мне следует использовать другой метод?

Answer 1

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

Вот простое модальное окно:

<div class="modal-container" id="modal">
<div class="modal">
<button class="close-btn" id="close"></button>
<div class="modal-header">
<h3>Password needed to access file </h3>
<div class="modal-content">
<form class="modal-form">
<div>
<label for="password">Password</label>
<input
type="password"
id="password"
placeholder="Enter Password"
class="form-input"
/>
</div>
<input type="submit" value="Submit" class="submit-btn" />
</form>
</div>
</div>
</div>
</div>

теперь вы можете добавить прослушиватель событий к элементам ссылки, чтобы при щелчке по ссылке это модальное окно отображалось, и пользователю предлагалось ввести пароль. Я обрабатываю модальное окно, появляющееся и исчезающее в css, вы можете увидеть мой css в

https://github.com/Daniel-Wh/BurgerAndModal

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

Не видя вашего кода, я больше ничего не могу сказать. Удачи вам