Blob接口获取文件大小与类型

最新推荐文章于 2024-05-03 11:47:20 发布

m0_57970861

最新推荐文章于 2024-05-03 11:47:20 发布

阅读量845

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/m0_57970861/article/details/127605867

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script language="JavaScript" src="file2.js"></script>
</head>
<body>
<div class="mr-cont">
    <h1>用户信息注册</h1>
    <div class="mr-head">
        <input type="file" id="file">
        <span>*****允许上传格式JPG,PNG,JPEG.****</span>
        <span>****图片不能超过222550字节***</span>
        <input type="button" value="上传" οnclick="Show()">
    </div>
</div>
</body>
</html>

function  Show(){
    var file=document.getElementById("file").files[0];
    if((file.size>22250)||(!/image\/\w+/.test(file.type))) {
        alert("当前文件大小为" + file.size + '\n' + '当前文件格式为' + file.type + "请重新选择")
    }
    else{
        alert("当前文件大小为" + file.size + '\n' + '类型为' + file.type + "符合条件")
    }
}