vue 判断文件大小不能超过100M

在 Vue.js 中，如果你需要限制用户上传文件的大小不超过100MB，你可以利用 JavaScript 的 File API 和事件处理机制来实现这个功能。通常会在表单提交前检查文件的 size 属性。下面是一个简单的示例：

<template>
  <input type="file" @change="handleFileUpload" />
</template>

<script>
export default {
  methods: {
    handleFileUpload(e) {
      const file = e.target.files[0];
      
      if (file && file.size > 1e7) { // 1e7表示100 * 1024 * 1024 即100MB
        alert('文件大小超过100MB，请选择小于100MB的文件。');
        e.preventDefault(); // 阻止默认的上传行为
      } else {
        // 如果文件大小合适，可以继续处理上传逻辑
      }
    },
  },
};
</script>

在这个例子中，当用户改变文件输入框的内容（即选择了新的文件），`handleFileUpload` 方法会被触发。如果文件大小超过100MB，会显示警告，并阻止表单的自动提交。