上传组件
本文介绍在上传文件时自动附加全局 token 的实现方法和保存图片数据。
设置请求头
文件上传时将触发表单的 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;
}