文件上传判断大小和类型

html:

<input type="file">

javascript:

// 实现文件上传的类型和大小约束
document.querySelector("input").onchange = (e) => {

    let file = e.target.files[0];//文件


    // 判断文件大小
    if (file.size > 2 * 1024 * 1024) {
        alert("文件最大2M")
        return;
    }

    // file.name --day02-ES6.md
    //判断文件类型
    let imgArr = [".jpg", ".png", ".jpeg", ".gif"];
    if (imgArr.some(item => file.name.endsWith(item))) {
        //是图片
        let img = new Image()
        img.src = URL.createObjectURL(file);
        document.body.appendChild(img)
    } else {
        alert("请上传正确的文件类型")
    }
}

效果：