<el-upload
                class=""
                action=""
                :show-file-list="false"
                :http-request="fnUploadRequest"
                :on-success="handleAvatarSuccess"
                :before-upload="beforeAvatarUpload">
            <img v-if="imageUrl" :src="imageUrl" class="avatar" >
            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
        </el-upload>

 1 //首先第一行引入 ali-oss 插件并配置：
 2 const OSS = require(‘ali-oss‘);
 3 const client= new OSS({
 4     accessKeyId: ‘your access key‘,  // 查看你自己的阿里云KEY
 5     accessKeySecret: ‘your access secret‘, // 查看自己的阿里云KEYSECRET
 6     bucket: ‘your bucket name‘, // 你的 OSS bucket 名称
 7     region: ‘oss-cn-beijing‘,
 8     cname:true, // 开启自定义域名上传
 9     endpoint:"file.xxxx.live" // 自己的域名
10 });

 1 export default {
 2     name: "upload",
 3     data() {
 4         return {
 5             imageUrl: ‘‘
 6         };
 7     },
 8     methods:{
 9         //图片回调
10         handleAvatarSuccess(res) {
11             if (res) this.imageUrl = res.url
12         },
13         beforeAvatarUpload(file) {
14             const isJPG = file.type === ‘image/jpeg‘;
15             const isLt2M = file.size / 1024 / 1024 < 2;
16 
17             if (!isJPG) {
18                 this.$message.error(‘上传头像图片只能是 JPG 格式!‘);
19             }
20             if (!isLt2M) {
21                 this.$message.error(‘上传头像图片大小不能超过 2MB!‘);
22             }
23             return isJPG && isLt2M;
24         },
25 
26         async fnUploadRequest(options) {
27             try {
28                 let file = options.file; // 拿到 file
29                 let fileName = file.name.substr(0,file.name.lastIndexOf(‘.‘))
30                 let date = new Date().getTime()
31                 let fileNames = `${date}_${fileName}` // 拼接文件名，保证唯一，这里使用时间戳+原文件名
32                 // 上传文件,这里是上传到OSS的 uploads文件夹下
33                 client.put("uploads/"+fileNames, file).then(res=>{
34                     if (res.res.statusCode === 200) {
35                         options.onSuccess(res)
36                     }else {
37                         options.onError("上传失败")
38                     }
39                 })
40             }catch (e) {
41                 options.onError("上传失败")
42             }
43         }
44     }
45 }