vue+element ui+oss上传删除下载图片

在vue项目中上传图片到oss ，并有删除下载功能

 

先在index.html里引入oss

<script src="https://gosspublic.alicdn.com/aliyun-oss-sdk-4.4.4.min.js"></script>

下面看详细代码

<template>
    <div>
        <div class="container">
            <div class="demo-image">
                <div class="toptab">隐患问题照片</div>
                    <el-upload
                    ref="my-upload"
                    action="#"
                    list-type="picture-card"
                    :on-preview="handlePictureCardPreview"
                    :on-remove="handleRemove"
                    :on-change="handle"
                    :http-request="submitUpload"
                >
                    <i class="el-icon-plus"></i>
                </el-upload>
                <el-button class="putpics" type="success" @click="putpic">确定上传</el-button>
                <el-dialog :visible.sync="dialogVisibles">
                    <img width="100%" :sr