// 这里使用vue组件示例:
import QNUploader from '路径/uploader.js';
// 组件中使用示例
export default {
    ...,
    mounted () {
        this.uploader = QNUploader({
            browse_button:          'J_Uploader',           // 上传选择的点选按钮，可以是id或者元素本身，必需
            dragdrop:               false,                  // 是否可拖曳上传      
            drop_element:           '',                     // 拖拽区域元素
            domain:                 '',                     // bucket域名，下载资源时用到，必需
            uptoken:                '',                     // 上传凭证
            get_new_uptoken:        false,                  // 设置是否每次都重新获取新的uptoken
            fetch_upload_token:     function(){},           // 获取上传token方法
            file_type:              'image',                // 上传文件类型
            unique_names:           true,                   // 是否开启自动文件名
            save_key:               false,                  // 是否服务端生成uptoken
            key_func:               function(){},           // 自定义文件名方法
            multi_selection:        true,                   // 是否多选
            max_file_size:          '5mb',                  // 文件上传大小限制
            chunk_size:             '5mb',                  // 分块上传时，每块的体积
            type_reg:               {},                     // 文件类型校验配置
            max_files:              5,                      // 最大上传数
            fileFiltered:           this.fileFiltered,                  // 文件添加前事件
            filesAdded:             this.filesAdded,                    // 文件添加后事件
            beforeUpload:           this.beforeUpload,                  // 上传前事件
            uploadProgress:         this.fileUploadProgress,            // 上传进行中
            fileUploaded:           this.fileUploaded,                  // 上传完事件
            uploadFail:             this.fileUploadFail,                // 上传失败事件
            uploadComplete:         this.fileUploadComplete,            // 上传结束事件
            
        });
    },
}

/**
 * @desc    获取七牛token方法，如成功会执行七牛设置token并开始七牛上传流程
 * @param   {Object}     up     七牛上传对象
 * @param   {Function}    next    执行后续上传流程
 */
fetchUploadToken (up, next) {
    // 获取上传token的请求，开发者自行处理
    uploadTokenAction()
        .then( ( { data, msg } ) => {
            if ( data && typeof data.up_token === 'string' && data.up_token.trim() ) {
                // 传入token，并执行后续上传流程
                next(data.up_token);
            } else {
                // token获取失败的处理
                console.warn(`token获取失败`);
            }
        })
        .catch( err => {
            console.warn(`请求失败，请重新尝试`);
        } );
}

/**
 * @desc    文件添加前，一般对自定义文件名及文件类型校验
 * @param  {[type]}     up      七牛上传对象
 * @param  {[type]}     file    上传文件
 * @param   {Object}    error    当前事件错误信息
 */
fileFiltered ( up, file, error) {
    if (error) {
        // 错误信息处理
        console.warn(error.msg);
        return;
    }
    // 没有错误信息就执行后续操作
}

/**
 * @desc 文件添加后
 * @param   {Object}    up      七牛上传对象
 * @param   {Object}    files    上传文件列表
 * @param   {Object}    error    当前事件错误信息
 */
filesAdded (up, files, error) {
    if (error) {
        // 错误信息处理
        console.warn(error.msg);
        return;
    }
    // 没有错误信息就执行后续操作
}

/**
 * @desc 上传前事件
 * @param   {Object}    up      七牛上传对象
 * @param   {Object}    file    上传文件
 * @param   {Object}   error     当前事件错误信息
 */
beforeUpload (up, file, error) {
    if (error) {
        // 错误信息处理
        console.warn(error.msg);
        return;
    }
    // 没有错误信息就执行后续操作
}

/**
 * @desc 文件上传进行中
 * @param   {Object}    up      七牛上传对象
 * @param   {Object}    file    上传文件
 */
fileUploadProgress (up, file) {
    // 处理上传进度
    console.log(file.percent);
}

/**
 * @desc 文件上传成功
 * @param {Object} up   七牛上传对象
 * @param {Object} file   上传文件
 * @param {Object} info   上传信息
 */
fileUploaded (up, file, info) {
    // 上传成功后操作
    let key = info.key;     // 七牛文件名
    let fileName = file.oriName;       // 原始文件名
}

/**
 * @desc 文件上传错误回调
 * @param {Object}  up  上传对象
 * @param {Object}  error   上传错误信息
 */
fileUploadFail (up, error) {
    // 处理上传失败...
    console.warn(error.msg);
}

/**
 * @desc 文件上传完成（不管成功与失败）
 * @param {Object}  up  上传对象
 */
fileUploadComplete (up) {
    // 上传流程完成
}