vForm 自定义上传逻辑记录

onBeforeUpload 此事件内可以对上传前做自定义操作。

示例展示为上传事件添加token

var currentWidget = this;
let authorization = '';

// 获取Cookie中的Admin-Token
function getCookie(name) {
    const cookieArray = document.cookie.split('; ');
    for (let i = 0; i < cookieArray.length; i++) {
        const cookiePair = cookieArray[i].split('=');
        if (cookiePair[0] === name) {
            return decodeURIComponent(cookiePair[1]);
        }
    }
    return null; // 如果没有找到对应的Cookie，返回null
}

// 获取Admin-Token
authorization ='Bearer ' + getCookie('Admin-Token');

// 设置上传数据
currentWidget.setUploadHeader('authorization', authorization);

var currentWidget = this;
let authorization = '';

// 获取Cookie中的Admin-Token
function getCookie(name) {
    const cookieArray = document.cookie.split('; ');
    for (let i = 0; i < cookieArray.length; i++) {
        const cookiePair = cookieArray[i].split('=');
        if (cookiePair[0] === name) {
            return decodeURIComponent(cookiePair[1]);
        }
    }
    return null; // 如果没有找到对应的Cookie，返回null
}

// 获取Admin-Token
authorization ='Bearer ' + getCookie('Admin-Token');

// 设置上传数据
currentWidget.setUploadHeader('authorization', authorization);

onUploadSuccess 上传成功事件，上传成功后需要在此事件内根据接口返回来设置正确的文件路径

if(file.response.code == 200){
    console.log('上传成功！')
    let succeObj = file.response.data.rows
    let saveImg = {
        name: "",
        url: ""
    }
    saveImg.name = succeObj.fileObjectName
    saveImg.url = window.location.origin + '/' + succeObj.filePath + succeObj.fileObjectName
    
    let saveImgList = []

    for (let i = 0; i < fileList.length; i++) {
        if(fileList[i].response && fileList[i].response.data){
          let succeObj = fileList[i].response.data.rows;
          let img = {
              name: succeObj.fileObjectName,
              url: window.location.origin + '/' + succeObj.filePath + succeObj.fileObjectName
          };
          saveImgList.push(img);
        }else{
          let img = {
              name: fileList[i].name,
              url: fileList[i].url
          };
          saveImgList.push(img);
        }
    }

    this.setValue([...saveImgList]) // 设置fileList
    return saveImg  // 返回当前值
}else{
    console.Error('上传错误！')
}

if(file.response.code == 200){
    console.log('上传成功！')
    let succeObj = file.response.data.rows
    let saveImg = {
        name: "",
        url: ""
    }
    saveImg.name = succeObj.fileObjectName
    saveImg.url = window.location.origin + '/' + succeObj.filePath + succeObj.fileObjectName
    
    let saveImgList = []

    for (let i = 0; i < fileList.length; i++) {
        if(fileList[i].response && fileList[i].response.data){
          let succeObj = fileList[i].response.data.rows;
          let img = {
              name: succeObj.fileObjectName,
              url: window.location.origin + '/' + succeObj.filePath + succeObj.fileObjectName
          };
          saveImgList.push(img);
        }else{
          let img = {
              name: fileList[i].name,
              url: fileList[i].url
          };
          saveImgList.push(img);
        }
    }

    this.setValue([...saveImgList]) // 设置fileList
    return saveImg  // 返回当前值
}else{
    console.Error('上传错误！')
}

vForm 自定义上传逻辑记录 ​

vForm 自定义上传逻辑记录