input 上传文件判断重名限制文件个数

最新推荐文章于 2023-07-19 14:21:48 发布

小七:

最新推荐文章于 2023-07-19 14:21:48 发布

阅读量1.1k

点赞数

分类专栏：上传文章标签： javascript

本文链接：https://blog.csdn.net/xyqseven/article/details/104015412

版权

这篇博客介绍了如何使用JavaScript进行原生文件上传，特别是针对.xls和.xlsx格式的文件。强调了上传表单需要设置POST提交方式和multipart/form-data编码类型。同时提到，通过设置multiple属性可以支持多个文件上传。还提供了文件夹上传和拖拽上传的参考资料链接。

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

//原生文件上传 accept快捷上传.xls .xlsx格式
//文件上传表单的提交方式必须是“post” 编码类型必须为：enctype=“multipart/form-data”
//上传多个文件属性 multiple

<input type="file" style="display:none;" id="file" multiple @change="changeFile($event)" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" name="multipartFiles"/>
    <label for="file" class=" btn btn-default uploadChange
">
    选择上传文件
</label>

//方法

async changeFile(){
   
    console.log('导入多文件')
    var filrarr = document.getElementById("file").files;
    console.log(filrarr,'filrarr')
    //单次导入大于20个文件  先文件名去重
    var formdata