使用 JavaScript 获取 FileUpload 控件所传文件的大小

最新推荐文章于 2023-04-21 19:41:40 发布

Nico_Chan

最新推荐文章于 2023-04-21 19:41:40 发布

阅读量1.9k

点赞数

本文链接：https://blog.csdn.net/Nico_Chan/article/details/80483187

版权

因为最近做的项目使用 FineUI 框架，所以文章中的代码也基于 FineUI 框架。

假设页面上有一个 FileUpload 控件，我们要做这么一个功能，在给控件添加文件的时候，实时获取所添加文件的大小并做出判断，那么代码如下：

<f:FileUpload runat="server" ID="fileUpload" Label="上传文件" Required="true" ShowRedStar="true">
    <Listeners>
        <f:Listener Event="change" Handler="FileChange" />
    </Listeners>
</f:FileUpload>

<script>
    // 从配置文件中获取允许的最大文件大小
    var vMaxFileSize = '<%=System.Web.Configuration.WebConfigurationManager.AppSettings["MaxUploadFileSize"] %>';
    function FileChange() {
        var fileList = $("input[type='file']")[0];
        var fileSize = fileList.files[0].size;

        if (fileSize > vMaxFileSize * 1024 * 1024) {
            alert("上传的文件大小不能大于 " + vMaxFileSize + " MB！当前文件大小：" + fileSize + "。");
        }
    }
</script>