Vue.js 如何制作最大1MB上传图像?

Vue.js 如何制作最大1MB上传图像?,vue.js,nuxt.js,element-ui,Vue.js,Nuxt.js,Element Ui,如何制作最大1MB上传图像? 下面是程序片段 您可以在上载之前确定是否上载。如果图像大小小于1MB,请取消上载 <el-upload> :before-upload="isImageValid" </el-upload> methods: { isImageValid(image) { const imageSize = image.size / Math.pow(1024, 2) if (imageSize < 1) return fal

如何制作最大1MB上传图像? 下面是程序片段


您可以在上载之前确定是否上载。如果图像大小小于1MB,请取消上载

<el-upload>
  :before-upload="isImageValid"
</el-upload>

methods: {
  isImageValid(image) {
    const imageSize = image.size / Math.pow(1024, 2)
    if (imageSize < 1) return false
    return true
  }
}

试试这个:。代码是文本,所以将它们作为文本发布。这也会使潜在的帮助者更容易将您的代码复制到他们自己的编辑器中,以便他们能够重现问题。请参阅“帮助”页面的“代码块”部分。这有什么问题?205:30错误在条件表达式中不必要地使用布尔文字没有不必要的三元返回imageSize>1?正确:错误可能我忘了添加括号。错误保持不变。除此之外还有其他方法吗?有解决方案吗?它抱怨,因为您也可以简单地执行返回imageSize>1;该条件本质上是布尔型的。但你也可以让ESLint停止抱怨。。。。