Как получить полный путь к файлу из html документа?

Question

[NoobKoder]

Банально: есть тег video, нужно максимально упростить выборку сурса из локального хранилища.
Да-да, политика безопасности и всё такое, но ведь есть явно более элегантный способ добавления источника кроме как ввода полного пути через инпут?
input file даёт только название. Пробовал ещё баловаться с "file:///..", но эту чепуху если и можно спарсить то только через расширение, а это мне не подходит.
В общем, если у кого есть идеи не замучить юзера и дать скрипту полный путь, то прошу сюда на раздумья)

P. S. пока самое адекватное что я придумал – это предлагать юзеру, как альтернативу, создать медиапапку с названием "блаблабла" в корне C и оттуда уже тягать файл, дописывая путь самостоятельно.

Answer 1

[Надим]

Чисто средствами браузера путь до файла не получить. Максимум, что возможно в этом плане это получить относительный путь файлов при выборе папки относительно этой самой выбранной папки. Например:

var input = document.createElement('input');
input.setAttribute('type', 'file');
input.setAttribute('webkitdirectory', 'true');

input.addEventListener('change', function() {
	
	console.dir(input.files);
	
	for (var n = 0; n < input.files.length; n++) {
		
		var path = input.files[n].webkitRelativePath;
		
		console.log(path);
		
	}
	
});

input.click();

P. S. Объясните мне, зачем вам путь до файла? Для получения файла путь не нужен! Что вы с ним планируете делать?

Comments

[NoobKoder]

Вкратце, планирую написать в качестве универ проекта простой p2p сервис совместного видео-просмотра. Естественно медиафайлы тягаться будут локально от создателя комнаты. Да, конечно можно доставать инпатом файл, а потом его пилить на чанки и уже формировать поток. Но в таком виде сурс будут получать другие участники комнаты, у них выбора попросту не будет. А тому, кто транслирует, нечего создавать дополнительную нагрузку на клиент, когда локальный видеофайл и так спокойно может прогружаться. Видео src нужен полный путь, инпат такого не предоставляет, вот отсюда и дилемма.

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

[NoobKoder]

Касательно выбора файла, лично я вижу только два способа, либо копипастить весь путь в input (что ужасно), либо пользователь создаёт в C папку Media и сбрасывает туда все файлы и тогда:

function LoadMedia(e) {
  var file = e.target.files[0];
  video.src = 'C:\\Media\\'+file.name;
}

Ну и да, как и сказал, можно самому себе поток делать, но тоже как-то не очень звучит.

[Надим]

NoobKoder,

Видео src нужен полный путь, инпат такого не предоставляет

В смысле не предоставляет? Предоставляет!

var input = document.createElement('input');
input.setAttribute('type', 'file');

input.addEventListener('change', function() {
  
  console.dir(input.files[0]);
  
  var url = URL.createObjectURL(input.files[0]);

  console.log(url);

  window.open(url);
  
});

input.click()

[NoobKoder]

Надим Закиров, ааа, я почему то думал, что для больших файлов так нельзя делать. Благодарю, вы решили мою проблему!