upload上传文件类型的限制的几种方式（element） |
您所在的位置：网站首页 › 启用excel后的默认文件类型是什么 › upload上传文件类型的限制的几种方式（element） |
|
「这是我参与2022首次更文挑战的第5天，活动详情查看：2022首次更文挑战」 在上传文件过程中，设计需求上这边总是需要对上传文件进行限制和判断，避免用户的盲操作，导致上传文件类型不对后，无法得到正确的信息，造成不好的体验影响，所以在页面上我们需要对文件类型做判断 这里我们采用的是element的upload上传组件做例子，大多数上传组件类似，这里就不一一举例了， 我们这次是对图片类型做限制 首先我们使用组件 -1; if (!isImage) { this.$message.error('上传文件必须为图片'); } return isImage; }, 复制代码 通过读取文件的二进制数据来判断文件类型以上，两种方式可以解决绝大多数的文件，但是总是存在个别顽固分子，既没有type，也没有文件名后缀，或者是其他因素，无法进而判断的， 所以我们可以通过读取文件的二进制数据来借以判断文件类型 在这篇文章中，也有详细的说明如何做Antd Upload单个图片的校验和上传？ 主要是通过魔数来判断。 PNG的魔数是 0x89 50 4E 47 0D 0A 1A 0A，我们可以通过读取文件二进制的前8个字节来一一比对来判定文件的类型： 常见的图片魔数 JPEG (jpg)，文件头：FFD8FF PNG (png)，文件头：89504E47 GIF (gif)，文件头：47494638 TIFF (tif)，文件头：49492A00 const getBuffers = (file) => { return new Promise((resolve, reject) => { const reader = new FileReader(); reader.readAsArrayBuffer(file.slice(0, 8)); reader.onload = () => { resolve(reader.result); }; reader.onerror = reject; }) }; 复制代码参考链接 element.eleme.cn/#/zh-CN/com… juejin.cn/post/697726… |
今日新闻 |
推荐新闻 |
| CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |