Создание HTML File Input онлайн
Генератор HTML File Input создаёт элемент <input type="file"> и связанный с ним <label>. Задайте Name, ID, видимый Label, допустимые типы файлов в Accept и состояние Multiple. Предварительный просмотр, HTML-код и C#-код обновляются одновременно.
Настройки генератора HTML File Input
- Name идентифицирует поле файла при отправке данных формы.
- ID идентифицирует input и задаёт соответствующее значение атрибута
forэлемента label. - Label определяет видимый текст, связанный с элементом выбора файла.
- Accept задаёт разделённый запятыми список предпочтительных расширений или MIME-типов, например
.pdf,image/png,image/jpeg. - Multiple разрешает выбрать несколько файлов за одну операцию.
Используйте непустой ID, уникальный в пределах итогового документа. Оставьте Accept пустым, если диалог выбора файлов не должен предлагать фильтр по типу.
Создание HTML File Input на C#
На панели C# показано, как создать настроенные File Input и Label с помощью Aspose.HTML for .NET . Сгенерированный код выполняет следующие действия.
- Создаёт
HTMLDocumentи с помощьюCreateElement()создаётHTMLInputElement. - Задаёт
type,name,id, допустимые типы файлов и атрибутmultiple. - Создаёт
HTMLLabelElement, затем задаёт его свойствоForи видимый текст. - Добавляет оба элемента методом
AppendChild()и сохраняет документ методомSave().
Сначала настройте File Input, а затем скопируйте обновлённый C#-код в свой проект .NET.
Вопросы о генераторе HTML File Input
1. Проверяет ли атрибут accept загружаемые файлы?
Нет. Атрибут помогает диалогу выбора показать файлы с указанными расширениями или MIME-типами, но пользователь или клиент всё равно может передать другой файл. Повторно проверяйте тип, содержимое и размер файла на сервере.
2. Какие значения можно указать в поле Accept?
Используйте разделённые запятыми расширения, например .pdf и .png, точные MIME-типы, например image/jpeg, или шаблоны типа image/*. Не добавляйте одинаковые спецификаторы в один список несколько раз.
3. Что изменяет включённый параметр Multiple?
Созданный <input type="file"> получает логический атрибут multiple, который разрешает выбирать несколько файлов. Точный способ множественного выбора определяется операционной системой и браузером.
4. Что нужно добавить в форму для загрузки файлов?
Обычная форма загрузки использует method="post", enctype="multipart/form-data" и серверный обработчик запроса. Генератор создаёт только File Input и связанный Label, но не окружающую форму и не обработчик загрузки.
5. Загружает или считывает ли выбранный файл созданный C#-код?
Нет. C#-код создаёт и сохраняет HTML-разметку браузерного элемента выбора файла. Для чтения выбранных файлов нужен браузерный код, а для их получения – обработка на стороне приложения или сервера.
Установка Aspose.HTML for .NET
Установите Aspose.HTML for .NET из NuGet с помощью .NET CLI:
dotnet add package Aspose.HTML
Также можно использовать интерфейс диспетчера пакетов NuGet или выполнить Install-Package Aspose.HTML в консоли диспетчера пакетов. Подробные инструкции приведены в
руководстве по установке
. Чтобы протестировать API без ограничений ознакомительной версии, запросите
временную лицензию
.
Другие генераторы HTML
Создавайте и просматривайте разметку для других распространённых элементов HTML.