как зеркалировать тип ввода = файл

Question

Возможно ли после выбора файла для pic1 ниже, чтобы выбранный файл автоматически отражался во втором поле формы? Я только начинаю изучать javascript - как бы я это сделал? подробности пожалуйста - спасибо!

Answer 1

Вы не можете это сделать - в качестве меры безопасности, нет веб-сайта не может определить значение для <input type="file" />, и ни один сценарий не может установить значение этого, либо (вы получите Uncaught Error: InvalidStateError: DOM Exception 11).

Все не потеряно, однако, поскольку вы можете получить доступ к выбранному пользователю файлу с JavaScript и сохранить его в другом месте в памяти для использования позже. HTMLInputElement DOM интерфейс дает свойство files (а FileList), который позволяет получить доступ к выбранным элементам, как File экземпляров, которые, в свою очередь, могут быть интерпретированы как Blob через экземпляр FileReader.

FileReader дает выбор

• readAsArrayBuffer
• readAsBinaryString
• readAsDataURL
• readAsText

Для example, если вы хотите хранить данные в виде dataURI,

var myInputElement = document.getElementById('pic1'); // the <input /> 
// assuming file already chosen 
var fr = new FileReader(); // instance of FileReader 
fr.onload = function (e) { // task to do when finished reading file 
    console.log(this.result); // view in console 
}; 
fr.readAsDataURL(myInputElement.files.item(0)); // start read