Как сохранить загруженный файл в Vue.js проект без отправки их на сервер?

#vue.js #core-ui

Вопрос:

Я использую Vue.js для моего интерфейса и Django для бэкенда и базы данных Postgres. У меня есть все файлы для отображения в проекте, которые находятся во внешнем проекте, а не на стороне сервера, и в базе данных сохраняется только URL-адрес.

Теперь я хочу сохранить загруженные файлы в интерфейсе, используя Vue.js без отправки их в проект Django.

Я искал это, но я могу найти только возможность отправлять файлы с помощью FormData и Axios на сервер и сохранять их там. Но для меня мой интерфейс и серверная часть-это разные проекты, и я должен сохранить файл в интерфейсном проекте.

Пожалуйста, дайте какие-либо предложения, как я могу этого добиться?

Я использую библиотеку CoreUI и CInputFile для загрузки файлов.

 lt;CInputFile  label="Client Logo"  name="client_logo_url"  @change="filesChange"  accept="image/*"  class="input-file"  /gt;  

и мой скрипт для обмена файлами() :

 filesChange(event) {   this.system_client_logo_url =  event.target.files[0].name;   var fileData = event.target.files[0];    const path = "/assets/images/";   // how to write code to save file in the given path  //something like fileData.save()   },  

Заранее спасибо.