【上传文件】

最新推荐文章于 2024-05-17 14:32:46 发布

李木木~

最新推荐文章于 2024-05-17 14:32:46 发布

阅读量89

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/lnbd_/article/details/125869866

版权

1、上传文件的实现方法

 <el-upload
                  class="upload-demo"
                  action="/web/uploadFile/uploadFile"  //action放的是接口
                  :on-change="handleChange"  //文件状态改变时的钩子，添加文件、上传成功和上传失败时都会被调用
                  :on-success="handleSuccess"  //上传成功时触发的事件
                >
                  <el-button type="primary" icon="el-icon-plus"
                    >毕业成绩评价标准</el-button
                  >
                  <div>{{ lists }}</div>
                </el-upload>
data(){
lists:'', //展示文件名
fileUrls:'', //上传请求成功后的文件地址
 }
methods:{
 handleChange(file, fileList) {
      // console.log(file, fileList);
    },
    //上传成功
    handleSuccess(response, file, fileList) {
      this.fileUrls = response.data.fileUrl;
    },
     //展示数据
    async PosqueryKcxxInfo() {
      const res = await queryKcxxInfo({ id: this.kcid, type: 2 });
      if (res.status === 1000) {
        this.lists = res.data[0].cjkhFileName;
      }
    },
}