js 获取文件对象var fileObj = document.getElementsByName("blobupFile")[0].files[0];

最新推荐文章于 2025-06-27 09:02:12 发布

付月半子

最新推荐文章于 2025-06-27 09:02:12 发布

阅读量1w

点赞数 3

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/qq_34169240/article/details/80838956

js 专栏收录该内容

33 篇文章

订阅专栏

本文详细介绍了如何使用EasyUI中的easyui-filebox组件进行文件上传操作，并提供了在JavaScript中正确获取上传文件对象的方法及文件大小限制的实现方式。

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

easyUI中上传文件的easyui-filebox：（class="easyui-filebox"）

<input id="Document_filePath" class="easyui-filebox" name="blobupFile"  data-options="buttonText:'选择文件',method: 'post',required:true" style="width:100%;" >

在js中获取文件对象的时候，不能再通过  var file1 = document.getElementById('filebox_file_id_1').files[0];获取。
而是要用name,如：
var fileObj = document.getElementsByName("blobupFile")[0].files[0]; // js 获取文件对象
var fileObj = document.getElementsByName("blobupFile")[0].files[0]; // js 获取文件对象
if(fileObj.size > 104857600){
        $.messager.alert('提示', "文件过大！不能超过100M", 'info');
        return ;
}