Как разработать макет, который хорошо смотрится в портретной и альбомной ориентациях?

Если вы хотите стилизовать элемент ввода файла, посмотрите в диалоговом окне open file в javascript . Если вы хотите захватить файлы, связанные с элементом ввода файла, вы должны сделать что-то вроде этого:

inputElement.onchange = function(event) {
   var fileList = inputElement.files;
   //TODO do something with fileList.  
}

См. эту статью MDN для получения дополнительной информации о FileList.

Обратите внимание, что приведенный выше код будет работать только в браузерах, поддерживающих API файлов. Например, для IE9 и более ранних версий у вас есть только доступ к имени файла. Элемент ввода не имеет свойства files в браузерах, отличных от файлов API.