input标签上传文件大小

最新推荐文章于 2020-11-28 03:42:36 发布

weixin_30802171

最新推荐文章于 2020-11-28 03:42:36 发布

阅读量627

点赞数 1

CC 4.0 BY-SA版权

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/wangqilong/p/9417508.html

本文介绍了一种使用HTML和JavaScript限制用户上传图片大小的方法。当用户选择的图片超过2M时，将触发特定操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前端html：
<input type="file" id="selImage" name="files" onchange="showImageSize();" />

js:

function showImageSize() {
        if (document.getElementById("selImage").value != "") {
            //计算上传图片大小
            var fileSize = document.getElementById("selImage").files[0].size / 1024 / 1024;
            //如果上传文件大于2M
            if (fileSize > 2) {
               //你想实现的代码
          }
    };