文件上传：
图片上传：
该组件是用原生js编写的，适配于框架升级文件上传。
支持 pdf、txt、png等图片格式文件的预览与多文件间的位置调换。
图片上传方法名为 upload-image，其他参数一致。
提交表单时调取文件上传方法，实现文件上传与表单数据提交在一个方法体。
1.在表单校验完成后调用 await this.$refs.planFile.fileUpload();
2.上传成功后会自动将 url后半部分绑定到双向绑定值。
有时根据业务需要存储的值不是 url可以调用
let file = this.$refs.planFile.getFileList();
file 内包含id、path、halfpath。
参数名称 |
参数类型 |
参数说明 |
是否必传 |
inputId |
String |
唯一id，，同页面多个上传时使用 |
否 |
a ccept |
String |
限制上传格式，默认全部 |
否 |
multiple |
Boolean |
是否多选，默认false |
否 |
v-model |
String |
双向绑定 |
是 |
uploadMax |
Number |
最大上传数量，默认5 |
否 |
uploadSize |
Number |
上传文件大小限制，0等同于不限制，默认5*1024*1024 |
否 |
areaWidthSize |
N umber |
上传框宽度，默认110px |
否 |
areaHeightSize |
N umber |
上传框高度，默认110px |
否 |
tips |
String |
上传框内部提示文字 |
否 |
isDelete |
Boolean |
是否允许删除，默认true |
否 |
isUpload |
Boolean |
是否允许上传，默认true |
否 |
方法名称 |
参数 |
说明 |
fileUpload() |
无 |
上传，在表单校验通过后调用，异步方法 |
getFileList() |
无 |
获取上传成功后完整的数据，包含id等数据 |
| 修改日期 | 修改人 | 备注 |
| 2021-08-20 16:58:27[当前版本] | 可威 | 格式调整 |
| 2021-08-20 15:41:40 | 可威 | 格式调整 |
| 2021-08-20 15:32:50 | 可威 | 格式调整 |
| 2021-08-20 15:30:57 | 可威 | 创建版本 |
| 附件类型 |
|
|
|
|
||
PNG