JS 判断上传文件大小

最新推荐文章于 2024-07-05 10:53:10 发布

dz45693

最新推荐文章于 2024-07-05 10:53:10 发布

阅读量3k

点赞数 1

分类专栏： HTML

本文链接：https://blog.csdn.net/ma_jiang/article/details/50496185

版权

本文介绍了一种利用HTML5的file控件和img元素在JavaScript中判断上传文件大小的方法，以解决IE11等浏览器的兼容性问题。

摘要由CSDN通过智能技术生成

随着HTML5 的发展，我们可以用file控件的size属性来获取客户端上传文件的大小，但是我今天测试发现IE10支持，IE11的某个版本不支持，于是就借用img控件来加载一此，以此来获取文件大小。整个code 如下：

<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=9" charset="utf-8" />
    <title>File API Demo</title>
</head>
<body>
    <p>
        Upload File:
                <input type="file" name="file" id="file1" />
        <img id="imgfile1" style="display: none" />

    </p>
    <p>
        <input type="button" value="Submit" οnclick