js 判断上传文件大小及格式代码

下面是关于 JS 判断上传文件大小及格式的完整攻略。

判断上传文件大小

如果想在上传文件时限制上传文件大小，可以使用以下代码进行判断：

const fileSizeLimit = 1024 * 1024; // 限制 1MB
const file = document.querySelector('input[type="file"]').files[0];

if (file && file.size > fileSizeLimit) {
  alert('文件大小超过限制');
}

上述代码中，我们先设定了一个变量 fileSizeLimit，用于限制上传文件的大小。其中，1024 表示 1KB，1024 * 1024 表示 1MB。然后，使用 document.querySelector() 方法获取上传文件的 DOM 元素，并取出其中的文件对象。最后，使用 if 语句进行判断，如果上传的文件存在且大小超过了限制，就弹出提示框警告用户。

判断上传文件格式

如果想在上传文件时限制上传的文件格式，可以使用以下代码进行判断：

const fileTypes = ['image/jpeg', 'image/png', 'image/gif']; // 限制图片格式
const file = document.querySelector('input[type="file"]').files[0];

if (file && !fileTypes.includes(file.type)) {
  alert('文件格式不允许');
}

上述代码中，我们先设定了一个数组 fileTypes，用于限制上传文件的格式。然后，使用 document.querySelector() 方法获取上传文件的 DOM 元素，并取出其中的文件对象。最后，使用 if 语句进行判断，如果上传的文件存在且格式不在限制范围内，就弹出提示框警告用户。

由于不同文件格式对应的 MIME 类型可能不同，因此在设置限制格式时，需要根据实际情况设置相应的 MIME 类型。

总体来说，判断上传文件大小及格式的代码是比较简单的，以上两个示例可以帮助开发者快速实现该功能。