原生上传文件写法（上传格式为.xls或者.xlsx的大小不超过500M的文件）

哈尼658

于 2021-06-04 14:59:44 发布

阅读量1.5k

点赞数 1

文章标签： javascript

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/weixin_55879414/article/details/117561182

版权

本文介绍了使用原生JavaScript实现上传.xls或.xlsx格式，且大小不超过500MB的文件的方法。通过配置input框属性如accept限制文件类型，并使用@change事件获取选中文件，接着进行文件存在性和大小的验证。

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

原生上传文件写法（上传格式为.xls或者.xlsx的大小不超过500M的文件）

首先写一个input框，type为file，这样一个上传文件的框就出来了，然后配置input框中的属性。比较重要的是accept,这个属性可以限制要上传文件的格式，可以多选，accept:后面跟什么值，就代表能上传什么格式的文件，如果没有写accept属性，则代表所有格式都可以上传。然后有一个@change的方法，这个方法可以用来获取选中的文件
<input type='file' accept='.xls,.xlsx' @change='getFile'/>
2在这里插入代码片. 获取文件方法

getFile(e){
   
this.file=e.target.files

最低0.47元/天解锁文章

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。