Skip to content

文件上传

selectFile

选择文件(不自动上传)。

语法:

js
selectFile(uploadParam, cb)

参数:

参数名类型必填说明
uploadParamObject上传参数
cbfunction回调函数

示例:

js
// 选择文件
var uploadParams = {
    accept: "image/*"
};
selectFile(uploadParams, (fileInfo) => {
    console.log("选择的文件:", fileInfo);
});

ajaxUpload

手动上传指定文件对象。

语法:

js
ajaxUpload(file, options, onComplete)

参数:

参数名类型必填说明
fileObject文件对象
optionsObject上传配置参数
onCompletefunction请求完成回调函数

options 参数:

参数名类型必填说明
acceptstring接受的文件类型,例如:".jpg,.png,.xlx,.xls"
filesizestring最大文件大小,例如:"10MB"、"20MB"
filePathstring指定上传文件的路径,例如:"uploads"
isGenerateThumbImageboolean是否生成缩略图,默认值为 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)

参数:

参数名类型必填说明
optionsObject上传参数
onUploadfunction上传后回调函数
onFileInfofunction文件信息回调函数

options 参数:

参数名类型必填说明
acceptstring接受的文件类型,例如:".jpg,.png,.xlx,.xls"
filesizestring最大文件大小,例如:"10MB"、"20MB"
filePathstring指定上传文件的路径,例如:"uploads"
isGenerateThumbImageboolean是否生成缩略图,默认值为 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)

参数:

参数名类型必填说明
uploadIdstring批量上传控件的 ID

示例:

js
// 获取上传列表
var uploadList = getUploadList("batchUpload1");
console.log("上传文件列表:", uploadList);

基于 MIT 许可发布