Skip to content

文件上传

文件上传控件用于上传本地文件到服务器。

控件特性

  • 支持拖拽上传
  • 支持多文件上传
  • 支持限制文件类型
  • 支持限制文件大小
  • 支持显示上传进度
  • 支持图片预览

使用场景

  • 附件上传
  • 图片上传
  • 文档上传

属性设置

属性说明
接受类型限制上传的文件类型,如 .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 + '%');
});

基于 MIT 许可发布