Vue-cli+Element (Upload 上传)
<el-form-item label="上传图片">
<div v-for="(item,key) in form.cadImg" :key='key' style="position:relative;display:inline-block;">
<img style="width: 150px; height: 150px;" alt="" :src="item" />
<span style="position:absolute;z-index:10;top:8px;right:8px;color:#fff;cursor: pointer;" class="el-icon-circle-close" @click="delImg(key)"></span>
</div>
<el-upload
action="上传的地址"
name="img"
list-type="picture-card"
multiple
:on-success="uploadSucc"
:on-error="uploadErr"
ref='upload'>
<i class="el-icon-plus"></i>
</el-upload>
</el-form-item>
<script>
export default {
name: "setsite",
data(){
return {
form:{
cadImg:[],
},
},
methods:{
uploadSucc(response, file, fileList) {
this.form.cadImg.push(response.data.realPath);
this.$refs.upload.clearFiles();//清空已上传的文件列表
},
}
<script>
酱酱~ (✧◡✧)