上传图片封装（使用阿里云oss）

上传组件的封装使用

此代码为前端发送请求带阿里云oss服务器产生返回图片地址代码，并没有后端java的操作

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

<script>
    import {
    getOssToken } from '@/api/user'

    export default {
   
        name: 'uploadCompt',
        props: ['pictureUrl'],
        data () {
   
            return {
   
                imageUrl: ''
            }
        },
        methods: {
   
            getSuffix(filename) {
   
                let pos = filename.lastIndexOf('.')
                let suffix = ''
                if (pos != -1) suffix = filename.substring(pos)
                return suffix
            },
            randomString