关于上传文件的操作el-upload

文件查看与上传编辑：实时链接更新

最新推荐文章于 2024-08-15 15:35:32 发布

原创

最新推荐文章于 2024-08-15 15:35:32 发布 · 352 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

实现：可以查看文件，以及上传，修改后显示的链接
在这里插入图片描述

<template>
<el-form-item label="附件" :label-width="formLabelWidth" prop="url">
          <a :href="editform.url" target="_blank">点击查看文件</a>
          <el-upload
            class="upload-demo"
            :headers="header"
            :action="uploadURL"
            :on-change="handleChange"
            name="fileName"
            :file-list="fileList1"
            :data="uploaddata"
            :before-upload="beforeAvatarUpload"
            :before-remove="beforeRemove"
            :on-success="handleAvatarSuccess"
          >
            <el-button size="small" type="primary">点击上传</el-button
            ><span style="font-size: 8px; color: #409eff"></span>
            //显示的链接：
            <div slot="tip" class="el-upload__tip">{
  
  { editform.url }}</div>