vue +(阿里云) oss-ali 上传文件

安装 ali-oss

npm install ali-oss

实例


// 封装方法 oss.js
import OSS from 'ali-oss';
export default (conf) => {
    return new OSS(conf);

}


// 引入方法
import ossClient from '对应文件地址/oss.js';

// 调用

   let uploadConf =   {
        region: null,   // oss-cn-beijing
        accessKeyId: null,
        accessKeySecret: null,
        bucket: null,
        stsToken: null
        
    }
   // file // 上传文件属性
uploadHttp (file) {
    ossClient(uploadConf)
    .put(`'上传目录'/${new Date().getTime()+'.'+'图片格式'}`, file, {'ContentType': 'image/jpeg' })
        .then(({res, url, name}) => {
            if (res && res.status == 200) {
                
                console.log(`阿里云OSS上传图片成功回调`, res, url, name);
                console.log(`阿里云OSS上传图片成功回调`, 返回实体, 返回地址, 返回图片的名称);
                
                // 获取oss图片 临时授权url
                const url = ossClient(uploadConf).signatureUrl(name, {
                    process: 'image/resize,w_200'
                })
                
            }
        }).catch((err) => {
            console.log(`阿里云OSS上传图片失败回调`, err);
            
        });
}


你可能感兴趣的:(vue.js)