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

希望这可以帮助您指出正确的方向。如果此答案略有遗漏，请使用有关您要实现的目标的更多相关信息来更新您的问题，我会帮助您澄清。

使用参数多个文件输入

1 个答案: