Многократный ввод файла с параметрами

Question

Я хочу, чтобы вход разрешал несколько файлов с конкретными параметрами файла. Какие у меня варианты? Я в Vue, так что прости идиоматический HTML.

<input type="file" multiple @change="handle()" :data-page-number="whatever" />

Есть ли способ сделать это в нескольких входах? Или мне нужно вкладывать и повторять отдельные входы с их собственными конкретными полями для page-number и т. Д.

Answer 1

Это Vue, но это также HTML, поэтому вам доступны все варианты ввода для загрузки файла.Я не уверен, какие "типы" вы ищете, но вам стоит начать:

// In your template
<input
  type="file"
  multiple
  name="uploadFieldName"
  :disabled="isSaving" // Optional add a data property isSaving default false
  @change="filesChange($event.target.name, $event.target.files, $event.target.files.length)";
  accept="image/*"
  // or for many
  accept="image/png, image/jpeg"
  class="input-file"
>

Для всех входных атрибутов см .: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file

// add to your component methods
filesChanged (inputName, files, filesCount) {
  // Do Stuff 
  // if using saving this.isSaving = true; to disable input
}

Аргумент files будетсодержать массив файлов (ы) для всех вариантов см .: https://developer.mozilla.org/en-US/docs/Web/API/File

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