Как через веб сайт можно узнать папки компьютера?

Question

[dima89e]

Заметил в UTorrent WEB можно выбрать папки, файлы со своего компьютера и там это стилизовано и т д, как это сделать?

Comments

[Ivan Ustûžanin]

через вэб-сайт никак, только если бэк этого вэб-сайта не работает прямо на этом компе

Answer 1

[Zettabyte]

uTWeb получает доступ к файловой системе через приложение, работающее на соответствующем компьютере -> браузер или через uTorrent с включенным WebUI (старые версии).
Просто так подобное не реализовать.

Comments

[dima89e]

но это же веб приложение

[fkk]

dima89e, это веб приложение, сервер которого запущен на ВАШЕМ пк, этот сервер имеет полный доступ к файловой системе и может отправлять ее на веб морду.

[Zettabyte]

dima89e,

но это же веб приложение

Которое на соответствующей официальной странице вам внезапно предлагают скачать :)

Answer 2

[Elaryks]

С помощью File System Access API можно взаимодействовать с файловой системой. Вот статья на Хабре: ссылка.

Простой пример, в котором выводится содержимое директории и записывается тестовый файл:

const getFolderData = async () => {
    if (!('showDirectoryPicker' in window)) {
        console.error('File System Access API не поддерживается');
        return;
    }

    try {
        const dirHandle = await window.showDirectoryPicker();
        const contents = [];

        for await (const entry of dirHandle.values()) {
            if (entry.kind === 'file') {
                contents.push(`Файл: ${entry.name}`);
            } else if (entry.kind === 'directory') {
                contents.push(`Папка: ${entry.name}`);
            }
        }

        contents.forEach(item => console.log(item));

        return dirHandle;
    } catch (err) {
        console.error('Непредвиденная ошибка:', err);
    }
}

const writeSomeDocument = async (dirHandle) => {
    try {
        const newFileHandle = await dirHandle.getFileHandle("test.txt", {
            create: true
        });

        const writable = await newFileHandle.createWritable();
        await writable.write("Hello, world!");
        await writable.close();

        console.log('Файл создан');
    } catch (err) {
        console.error('Непредвиденная ошибка:', err);
    }
}

const dirHandle = await getFolderData(); // Получаем сущность для работы с директорией и выводим её содержимое
writeSomeDocument(dirHandle); // Записываем тестовый файл в эту директорию

Comments

[dima89e]

в utorrent тип также работает по такой же аналогии?

[Elaryks]

dima89e, насчёт конкретно него не знаю, я им не пользовался. Вероятно, он работает так, как вам сказали выше — с помощью клиента на ПК.

[pfg21]

dima89e, нет :)
веб-интерфейс utorrent запрашивает данные с utorrent к которому подключен на управление. т.е. получает листинг фс с "той" стороны.
выше указанный веб-скрипт запрашивает данные через апи браузера и получает листинг фс текущего компутера, т.е на котором запущен браузер с веб-страничкой.