Skip to content

上传组件

本文介绍在上传文件时自动附加全局 token 的实现方法和保存图片数据。

upload.png

设置请求头

文件上传时将触发表单的 beforeFetch 事件,可在该事件回调中修改请求头(headers)配置。

js
function beforeFetch(config, data) {
    //从外部数据获取全局 token
    const token = data.api.getData('globalToken')
    if(!config.headers){
        config.headers = {};
    }
    config.headers.token = token;
}

设置提交数据

必须在onSuccess上传成回调中将上传成功后的 URL 赋值给 file.url,否则表单将无法获取图片数据。

js
function onSuccess(file) {
    file.url = file.response.url;
}

其他 UI 框架的参数顺序可能不一致,请参阅相关官方文档以获取具体细节。

保存更多数据

如果期望上传组件的 value 类型为obejct[],需要将上传的结果数据赋值给file.value。

js
function onSuccess(file) {
    file.url = file.response.url;
    file.name = file.response.name;
    file.value = file.response;
}