У меня есть веб-приложение, которое использует angular и читает папки со ссылок / серверов, таких как FTP-ссылки или общие диски, например: \\server.com\folder1
Мне нужно сделать графический и простой способ (для пользователей): получите требуемый путь un c на стороне клиента, где пользователь должен выбрать папку на подключенном диске (НЕ в своей локальной файловой системе), и я должен иметь возможность получить полный путь и отправить его в веб-приложение, чтобы сделать это вещь.
Я знаю, что веб-браузеры не дадут мне реальный путь, но скорее дадут мне поддельный, такой как C:\fakepath\file1
, по крайней мере, при использовании элемента <input type="file"/>
dom.
Папки, которые читает приложение, очень большие по размеру, и поэтому их загрузка невозможна. Заставить пользователя скопировать путь un c тоже не вариант, потому что я хочу сделать это графическим способом, таким как использование windows explorer. Использование этого компонента только для внутреннего использования.
Можно ли вообще что-то сделать? На каком-нибудь клиентском языке? предпочтительно angular или javascript.
Вот небольшой код, чтобы проиллюстрировать, что мне нужно в angular:
Я использовал <input type="file"/>
только для открытия проводника windows и получите путь un c, я не хочу загружать какие-либо файлы.
html:
<div >
<div>
chose your directory
</div>
<div>
<input type="file" (change)="handleUpload($event)" webkitdirectory />
</div>
</div>
скрипт типа:
import { Component } from '@angular/core';
@Component({
selector: 'app-folder-path-finder',
templateUrl: './FolderPathFinder.html',
styleUrls: []
})
export class FolderPathFinderComponent {
urlPath: string;
handleUpload(e): void {
this.urlPath = e.target.value;
/* send the url to the correct service */
}
}
webpage :