书山有路勤为径,学海无涯苦作舟。 知识改变命运,行动创造未来。

upload上传

<template>
  <div>
      <el-upload  class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :on-preview="handlePreview"
  :on-remove="handleRemove"
  :before-remove="beforeRemove">


        <el-button size="small" type="primary">点击上传</el-button>
         <div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div>
      </el-upload>
  </div>
</template>

<script>
  export default {
    data() {
      return {
      }

    },
    methods: {
          handleRemove(file, f ileList) {
            console.log(file, fileList);
          },
          handlePreview(file) {
            console.log(file);
          },
          handleExceed(files, fileList) {
            this.$message.warning(`当前限制选择 3 个文件,本次选择了 ${files.length} 个文件,共选择了 ${files.length + fileList.length} 个文件`);
          },
          beforeRemove(file, fileList) {
            return this.$confirm(`确定移除 ${ file.name }?`);
          }
        }
  }
</script>

<style>

</style>