Appearance
文件上传
selectFile
选择文件(不自动上传)。
语法:
js
selectFile(uploadParam, cb)参数:
| 参数名 | 类型 | 必填 | 说明 |
|---|---|---|---|
| uploadParam | Object | 是 | 上传参数 |
| cb | function | 是 | 回调函数 |
示例:
js
// 选择文件
var uploadParams = {
accept: "image/*"
};
selectFile(uploadParams, (fileInfo) => {
console.log("选择的文件:", fileInfo);
});ajaxUpload
手动上传指定文件对象。
语法:
js
ajaxUpload(file, options, onComplete)参数:
| 参数名 | 类型 | 必填 | 说明 |
|---|---|---|---|
| file | Object | 是 | 文件对象 |
| options | Object | 是 | 上传配置参数 |
| onComplete | function | 是 | 请求完成回调函数 |
options 参数:
| 参数名 | 类型 | 必填 | 说明 |
|---|---|---|---|
| accept | string | 是 | 接受的文件类型,例如:".jpg,.png,.xlx,.xls" |
| filesize | string | 是 | 最大文件大小,例如:"10MB"、"20MB" |
| filePath | string | 是 | 指定上传文件的路径,例如:"uploads" |
| isGenerateThumbImage | boolean | 是 | 是否生成缩略图,默认值为 false |
示例:
js
// 文件缓存
var fileObj = document.getElementById("fileInput").files[0];
// 上传配置
var options = {
accept: ".jpg,.png,.xlx,.xls",
filesize: "1MB",
filePath: "accessFaceRecog",
isGenerateThumbImage: false
};
var uploadParams = {
url: "/upload",
data: {type: "avatar"}
};
var callback = {
getData: (data) => console.log("上传成功:", data),
fail: (data) => console.log("上传失败:", data)
};
ajaxUpload(fileObj, uploadParams, callback)uploadFile
自动选择并上传文件。
语法:
js
uploadFile(options, onUpload, onFileInfo)参数:
| 参数名 | 类型 | 必填 | 说明 |
|---|---|---|---|
| options | Object | 是 | 上传参数 |
| onUpload | function | 是 | 上传后回调函数 |
| onFileInfo | function | 是 | 文件信息回调函数 |
options 参数:
| 参数名 | 类型 | 必填 | 说明 |
|---|---|---|---|
| accept | string | 是 | 接受的文件类型,例如:".jpg,.png,.xlx,.xls" |
| filesize | string | 是 | 最大文件大小,例如:"10MB"、"20MB" |
| filePath | string | 是 | 指定上传文件的路径,例如:"uploads" |
| isGenerateThumbImage | boolean | 是 | 是否生成缩略图,默认值为 false |
示例:
js
// 上传配置
var options = {
accept: ".jpg,.png,.xlx,.xls",
filesize: "1MB",
filePath: "accessFaceRecog",
isGenerateThumbImage: false
};
// 上传完成回调函数
var onUpload = (result) => {
console.log("上传完成:", result);
}
// 文件信息回调函数
var onFileInfo = (fileInfo) => {
console.log("文件信息:", fileInfo);
}
uploadFile(options, onUpload, onFileInfo);getUploadList
获取批量上传控件的上传文件列表。
语法:
js
getUploadList(uploadId)参数:
| 参数名 | 类型 | 必填 | 说明 |
|---|---|---|---|
| uploadId | string | 是 | 批量上传控件的 ID |
示例:
js
// 获取上传列表
var uploadList = getUploadList("batchUpload1");
console.log("上传文件列表:", uploadList);