Как открыть определенную папку в <input type = 'file'>

Question

Я хочу загрузить изображения в свой проект из определенной папки. когда я нажимаю на выбираю файл кнопка, она переходит в папку по умолчанию или в последнюю открытую папку, но я хочу, чтобы она всегда открывала какую-то определенную папку, такую ​​как документы/все изображения/изображения животных/.

<table> 
      <tr> 
       <td>First Name:</td>  
       <td><input type="text" name="firstName" size="10" 
        required="required" /></td> 
      </tr> 
      <tr> 
       <td>Last Name:</td> 
       <td><input type="text" name="lastName" size="10" 
        required="required" /></td> 
      </tr> 
      <tr> 
       <td>Choose Image:</td> 
       <td><input type="file" name="photo" size="10" 
        required="required" /></td> 
      </tr> 
      <tr> 
       <td><input type="submit" value="Submit"></td> 
       <td><input type="reset" value="Clear" /></td> 
      </tr> 
     </table> 

Кто-то скажет мне решение для этого.

Answer 1

На самом деле это невозможно из-за соображений безопасности с использованием чистого HTML/Javascript. Я не могу, если это возможно, если вы используете ActiveX или Java-апплет, но эти технологии устарели.

Answer 2

Теперь вы можете сделать это, но только если вы используете «Chrome», который поддерживает эти последние два атрибута:

<input type="file" id="folder-opener" webkitdirectory multiple/> 

Это хорошо работало для меня, хотя имейте в виду, что теперь этот тег ввода выиграл Вы можете выбрать отдельные файлы. Просто каталоги.

Если это хорошо для вас, то вы будете иметь возможность получить список всех файлов в выбранной папке на серверной стороне, пропуская абсолютный путь:

document.getElementById('folder-opener').addEventListener('change', function(event) { 
    // Selected folder's absolute path: 
    console.log(event.target.files[0].path); 
});