概述
一、Input File
使用 type='file' 的 元素可以选择文件，基于此我们可以封装自定义的上传组件
accept:字符串，允许选择的文件类型，如： ".jpg,.jpeg,.png,.gif"
multiple:布尔值，是否允许多选
capture: 字符串，可以调用设备默认的相机或录音机(移动端有效)
files: 已选择文件对象列表，通过 HTMLInputElement.files 获取和赋值
但 包含按钮和文件列表两部分，如果给它添加宽高和背景色...
width: 200px;
height: 80px;
background-color: #e3e3e3;
}
这个标签的样式基本没救了...
所以为了能用上更美观的上传控件，通常会选择隐藏真正的文件上传控件
然后用其他标签来代替上传按钮，在点击事件中触发上传事件
二、控件设计
这是一个常见的上传控件样式，它的 HTML 可以这么设计：
最后
以上就是勤奋大侠为你收集整理的axios 上传文件 封装_基于 Vue + Axios 封装上传组件，并支持拖拽文件的全部内容，希望文章能够帮你解决axios 上传文件 封装_基于 Vue + Axios 封装上传组件，并支持拖拽文件所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复