Имя файла, сохраненного через угловой интерфейс

В моем угловом приложении есть функция загрузки файла.

Когда пользователь нажимает кнопку загрузки файла, открывается окно «Сохранить как», и пользователь может затем задать имя для этого файла и сохранить его.

Я хочу знать имя этого файла, установленного пользователем.

Я знаю, что полный путь невозможно получить, как указано в этом -> Получите путь загрузки браузера с помощью javascript, и мне не нужен полный путь, мне просто нужно имя файла.

обновление: я хочу знать имя файла в файле .ts(компонент) и показать это имя в теге метки в html-файле.

Там в любом случае?

Не могли бы вы предоставить более подробную информацию, например, где вы хотите узнать имя файла?

Parth Savaliya 11.07.2024 09:10

Почти уверен, что это будет невозможно. Это вопрос конфиденциальности.

CBroe 11.07.2024 09:15

@ParthSavaliya Я обновил вопрос, это ответило на ваш вопрос?

user448477 11.07.2024 09:31

@CBroe Я думаю, что это возможно с помощью API файловой системы (возможно)

user448477 11.07.2024 09:32

@user448477 user448477 Я имею в виду какой-то фрагмент кода или что-то в этом роде?

Parth Savaliya 12.07.2024 10:44
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
5
57
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Я решил проблему, которую создал, используя API файловой системы

См. приведенный ниже код для справки.

public async buttonClick() {
      try {
        const fileHandle = await this.getNewFileHandle();
        if (fileHandle) {
          console.info("after calling getNewFileHandle()");
          console.info(fileHandle.name);  // Got the filename here
          this.filename = fileHandle.name;
        }
      } catch (error) {
        if (error instanceof DOMException) {
          switch (error.name) {
            case 'NotAllowedError':
              console.error("Permission was denied.");
              break;
            case 'AbortError':
              console.error("The operation was aborted.");
              break;
            case 'SecurityError':
              console.error("Security error occurred.");
              break;
            case 'TypeError':
              console.error("Invalid options were provided.");
              break;
            default:
              console.error("An unknown DOMException occurred:", error);
          }
        } else {
          console.error("An unknown error occurred:", error);
        }
      }
    }
    
    getNewFileHandle() {
      let opts = {};
      if ('showSaveFilePicker' in window) {
        opts = {
          types: [
            {
              description: 'Text file',
              accept: { 'text/plain': ['.txt'] },
            },
          ],
        };
        return window.showSaveFilePicker(opts);
      }
     else{}
    }

Другие вопросы по теме