Ant Design Vue 单文件上传Upload
2023-09-27 14:22:17 时间
单文件上传
<a-upload
name="file"
:beforeUpload="beforeUpload"
:multiple="false"
accept=".xls,.xlsx"
:showUploadList="nofalse"
class="select-file"
:customRequest="customRequest"
>
<a-button class="slect-btn">选择</a-button>
</a-upload>
// multiple是否支持多选文件,ie10+ 支持。开启后按住 ctrl 可选择多个文件。
// 自定义上传,目的是覆盖控制台的报错信息
// 如果不写,控制台会报错404
nofalse: false, //不显示上传列表
function customRequest() {
console.log('')
}
// 文件上传之前的检查
function beforeUpload(fileinfo) {
// fileinfo就是一个文件file
console.log(fileinfo)
}
相关文章
- 【Vue】非单文件组件的全局组件和局部组件示例(图文+完整代码)
- vue+iview 通过a标签实现文件下载
- Node+TS+Koa+vue 商城全栈(三) sequelize 创建种子文件
- vue.js+koa2项目实战(五)axios 及 vue2.0 子组件和父组件之间的传值
- Vue - 获取 UI 组件库 <upload> 上传组件返回的 File 对象文件扩展名,拿到 Ant Design Vue / Element UI 等组件库的上传组件返回 File 文件的后缀名
- 推荐 | Vue 入门&进阶路线
- Vue 表情输入组件,微信face表情组件
- vue原生input上传文件
- 关于vue的语法规则检测报错问题
- Vue+Nodejs+WebSocket实现多人聊天室
- 认识单文件组件.vue 文件
- Nginx部署Vue项目静态文件404解决方案
- vue vuepress 解决npm安装依赖和package.json版本不一致
- vue项目在git commit时,使用eslint检测
- 手把手学习Vue3.0:开发工具WebStorm和Vue模板文件介绍
- idea中启动vue项目
- 深入Vue - 源码目录及构建过程分析
- Vue使用iframe加载本地html,并进行通信,传递参数
- vue:用一个文件配置全局常量/方法和全局组件
- vue: 无法加载文件 C:UsersxxxAppDataRoamingnpmvue.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅请参阅 https:/go.micr