html中如何验证文件大小

html中如何验证文件大小

这篇文章主要介绍了html中如何验证文件大小，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

验证文件大小

如果用户上传图片过大，为了不让服务器有压力，我们需要限制图片的大小，下面是允许用户上传小于 1M 的图片，如果大于 1M 将上传失败。

fileUploader.addEventListener('change', (event) => {    // Read the file size    const file = event.target.files[0];    const size = file.size;      let msg = '';     // 检查文件大小是否大于1MB    if (size > 1024 * 1024) {        msg = `<span style="color:red;">The allowed file size is 1MB. The file you are trying to upload is of ${returnFileSize(size)}</span>`;    } else {        msg = `<span style="color:green;"> A ${returnFileSize(size)} file has been uploaded successfully. </span>`;    }    feedback.innerHTML = msg;  });

感谢你能够认真阅读完这篇文章，希望小编分享的“html中如何验证文件大小”这篇文章对大家有帮助，同时也希望大家多多支持高防服务器网，关注高防服务器网行业资讯频道，更多相关知识等着你来学习!

[微信提示：高防服务器能助您降低 IT 成本，提升运维效率，使您更专注于核心业务创新。

[图文来源于网络，不代表本站立场，如有侵权，请联系高防服务器网删除]
[