如何验证多个文件的最大文件大小为每个文件2 mb？ （vuetify）

Question

我尝试这样：

https://codepen.io/positivethinking639/pen/zYGYXQB?editable=true&editors=101

我的代码：

<v-file-input
  multiple
  :rules="rules"
  accept="image/jpg, image/jpeg, application/pdf"
  placeholder="Pick an avatar"
  prepend-icon="mdi-camera"
  label="Avatar"
></v-file-input>

  data: () => ({
    rules: [
      value => !value || value.size < 2000000 || 'Avatar size should be less than 2 MB!',
    ],
  }),

当我将文件的大小设置为2 mb以下时，将显示一条验证消息。不应该

我该如何解决这个问题？

Answer 1

嗯，我还没有测试过，但是类似的东西应该可以工作。在您的上传方法中，遍历输入文件并检查它们是否都在2mb以下：

const input = event.target
let files = input.files
//loop through this to check all the file sizes.
const isLt2M = files[0].size / 1024 / 1024 < 2;