Appearance
文件上传
文件上传控件用于上传本地文件到服务器。
控件特性
- 支持拖拽上传
- 支持多文件上传
- 支持限制文件类型
- 支持限制文件大小
- 支持显示上传进度
- 支持图片预览
使用场景
- 附件上传
- 图片上传
- 文档上传
属性设置
| 属性 | 说明 |
|---|---|
| 接受类型 | 限制上传的文件类型,如 .jpg,.png,.pdf |
| 最大大小 | 单个文件最大大小(MB) |
| 最大数量 | 最多允许上传的文件数 |
| 是否多文件 | 是否允许多文件上传 |
| 上传路径 | 文件保存的服务器路径 |
使用方法
javascript
// 获取已上传的文件列表
var files = getUploadedFiles('upload1');
// 手动触发文件选择
triggerUpload('upload1');
// 清除已上传的文件
clearUploadedFiles('upload1');上传事件
javascript
// 上传成功回调
onUploadSuccess('upload1', function(file, response) {
console.log('上传成功:', file.name);
});
// 上传失败回调
onUploadError('upload1', function(file, error) {
console.log('上传失败:', error);
});
// 上传进度回调
onUploadProgress('upload1', function(file, percent) {
console.log('上传进度:', percent + '%');
});