Загружаемый файл - элемент формы HTML. Элемент загрузки файла позволяет
пользователю предоставлять файл в качестве ввода.
Клиентский объект
Реализован в
JavaScript 1.0
JavaScript 1.1: добавлено свойство type.
JavaScript 1.2: добавлен метод handleEvent.
Создание
Тэг HTML INPUT с "file" в качестве значения
атрибута TYPE. Для данной формы машина выполнения JavaScript
создаёт соответствующие объекты
FileUpload и помещает эти объекты в массив
elements соответствующего объекта
Form. Вы получаете доступ к объекту FileUpload
по индексу в этом массиве. Вы можете индексировать массив числами или (если
имеются) по значениям атрибутов NAME.
Каждый элемент формы имеет свойство form, которое является ссылкой
на родительскую форму элемента. Это свойство используется в обработчиках событий,
где Вам может понадобиться обратиться к другому элементу текущей формы.
handleEvent
Вызывает обработчик для специфицированного события.
Свойство name первоначально отражает значение атрибута NAME.
Свойство
name не отображается на экране; оно используется для обращения к
объектам программно.
Если несколько объектов на одной форме имеют одинаковые
значения атрибута NAME,
автоматически создаётся массив с данным именем. Каждый элемент этого
массива представляет отдельный объект формы. Элементы индексируются в порядке
расположения в исходном коде, начиная с 0. Например,
если два элемента Text и элемент
FileUpload на одной форме имеют значения
атрибута NAME"myField", создаётся массив из элементов myField[0],
myField[1] и myField[2]. Вы должны знать об этой
ситуации и о том, ссылается myField на единственный элемент или на
массив элементов.
Примеры
В этом примере функция valueGetter использует цикл for
для итерации по массиву элементов на форме valueTest. Окно msgWindow
отображает имена всех элементов формы:
newWindow=window.open("http://home.netscape.com")
function valueGetter() { var msgWindow=window.open("")
for (var i = 0; i < newWindow.document.valueTest.elements.length; i++) {
msgWindow.document.write(newWindow.document.valueTest.elements[i].name
+ "<BR>") } }
Используйте метод select для выделения области ввода поля загрузки
файла. Вы можете использовать метод select с методом focus
для выделения поля и позиционирования курсора и замены всего текста поля.