zc_saas_admin/src/utils/uopladFile.js

import PlvVideoUpload from '@polyv/vod-upload-js-sdk'
import api from '@/api/api'
import { Message } from 'element-ui';
// import md5 from 'js-md5'

// 此方法主要用于加密一些保利威的专用参数 如果是后端传递的 可以打掉
function getToken(videoUpload, array) {
    const ptime = array.ptime
    const userid = 'd5f6d309fe'
    // const secretkey = 'xpPrYdcbA1'
    // const writeToken = '8f14a371-9d02-4ec1-922d-54d7b4f79dca'
    const hash = array.hash
    const sign = array.sign
    //     const hash = md5(ptime + writeToken)
    //   const sign = md5(secretkey + ptime)
    videoUpload.updateUserData({ ptime, hash, sign, userid })
    videoUpload.startAll()
}

// 由于保利威的一些机制 你需要三分钟就重新加密你的 ptime 如果你打掉了就不行
function autoUpdateUserData(timer, videoUpload, array) {
    getToken(videoUpload, array)
    if (timer) {
        clearTimeout(timer)
        timer = null
    }
    timer = setTimeout(() => {
        autoUpdateUserData(timer, videoUpload, array)
    }, 3 * 50 * 1000)
}

/**
 * @param: files -> 一个文件的数组 注意 是【数组】
 * @param: fileSetting -> 主要是用来传递给保利威的属性
 * @param: callback -> 上传进度，成功，失败 的回调 tips：回调太多 我就拿了这三个比较有用的
 */
export function uploadFile(files, fileSetting, callback) {
    const videoUpload = new PlvVideoUpload({
        region: 'line1', // (可选)上传线路, 默认line1
        events: {
            Error: (err) => {  // 错误事件回调
                console.log(err);
            },
            UploadComplete: () => { }  // 全部上传任务完成回调
        }
    })
    new Promise((resolve, reject) => {
        api.inquirepolyvvideogetPolyvUpload().then(res => {
            resolve(res)
        })
    }).then(res => {
        autoUpdateUserData(null, videoUpload, res.data)
        const uploader = videoUpload.addFile(files, {
            FileStarted: function (uploadInfo) { // 文件开始上传回调
                console.log("文件上传开始: " + uploadInfo.fileData.title);
            },
            FileProgress: function (uploadInfo) { // 文件上传过程返回上传进度信息回调
                console.log("文件上传中: " + (uploadInfo.progress * 100).toFixed(2) + '%');
            },
            FileStopped: function (uploadInfo) { // 文件暂停上传回调
                console.log("文件上传停止: " + uploadInfo.fileData.title);
            },
            FileSucceed: ({ fileData }) => {// 上传视频成功的回调
                Message.success({ message: "视频已上传成功，待审核中，等待审核通过后才可使用。如未自动填充时长，请手动填写！", duration: 6000, showClose: true })
                callback(fileData)
            },
            FileFailed: ({ errData }) => {// 上传视频失败的回调
                Message.error({ message: "文件上传失败" })
                callback("文件上传失败: " + errData)
            }
        }, fileSetting)

    })
    /**
     * 这里的调用是上传全部
     * 本来我也是一个一个调的
     * 但是考虑到对于有多选上传不是很友好
     * 就无论你传递几个视频 这里都统一一起上传
     * */

}