精华内容
下载资源
问答
  • 上传附件
    千次阅读
    2022-03-10 16:03:25

    问题:

    • 原本是一个普通的提交表单功能,但是要增加一个上传附件的功能,我就随便找了个 element-ui 的上传组件,后端 dto 增加一个 MultipartFIle 类型的字段来接受文件,结果就开始各种错误

    解决

    • 首先是可能的问题就是你的 dto 前面有 @RequestBody 注解,把他去掉,然后前端本来直接提交的表单数据换掉
    • //表单中的上传组件
      <el-form-item
          label="文件上传"
          prop="file">
          <el-upload
            :before-upload="uploadFile"
            action="https://jsonplaceholder.typicode.com/posts/"
            v-model="dataForm.file">
            <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
          </el-upload>
      </el-form-item>
      
      //methods 中的上传文件的方法
      uploadFile (file) {
        this.dataForm.file = file
      },
      
      
      //将原本的表单数据改造成FormData类型的数据
      let formData = new FormData()
        for (let i in this.dataForm) {
          if (i === 'id' && this.dataForm[i] == null) {
          } else {
              formData.append(i, this.dataForm[i])
            }
        }
      
      //调取后端接口的方法就根据项目封装的方式来了,此处省略

    • 后端接受的参数改为:
    • public Result save(xxxDTO dto,@RequestParam(value="file" ,required=false) MultipartFile file){
      
      }
    •  去掉 DTO 的 MultipartFile 类型字段

     总结

    • 还有这个报错:Content type ‘multipart/form-data;boundary,我在 <el-form> 中加了:enctype="multipart/form-data",但是不加好像也没影响,好像是给原生<form>表单用的

    • 最初我使用 @RequesrBody 注解加在 DTO 前面时,此时 DTO 有 MultipartFile 类型字段,我封装前端数据调试也发现要传给后端的数据没问题,但是一到后端还没进方法就报错“DTO["files"]->java.lang.Object[][0]”,所以去掉了该注解,但是去掉该注解后你就得上传 FormData 类型的数据,所以重新封装了一下
    • 如果在 DTO 中加入 MultipartFile 类型的字段,他是默认不为空的,你不上传附件,提交表单时就报错“on field 'files': rejected value [[object File]]”,所以去掉该字段改为在传参中加 @RequestParam(value="file" ,required=false),则提交表单时不上传附件也不会报错
    更多相关内容
  • js上传附件

    2018-08-31 17:11:24
    js编写的上传附件,可限制上传图片数量,上传的图片大小
  • vue+elementui上传附件到七牛,后台返回附件资源,实现文件下载; :in-files-list="fileList.length?fileList:[]" :x-type="doc.OKASDAILY" :x-target="company" :accepts="accepts" :company="company" @...
  • bootstrap批量上传附件,只是前端部分,后端与数据库交互和回显遍历以及删除数据库等操作自行设计,如有不对欢迎指教
  • 使用jmeter5.4.3版本,通过修改PostWriter.java,两句代码,因为用了iso编码,修改成utf-8。ApacheJMeter_http.jar下载后,放到apache-jmeter-5.4.3\lib\ext路径下,替换原来的jar包,然后重启jmeter,PS:注意在http...
  • 今天小编就为大家分享一篇element UI upload组件上传附件格式限制方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 主要为大家详细介绍了使用jquery Ajax实现上传附件功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 项目中的实例,使用dropzone上传附件实例,使用layer作为弹出层组件(可替换为别的组件),包含文件上传工具类,dropzone组件。
  • 基于mui,js 做的手机端h5上传附件,纯前端js,对附件为图片有压缩处理,预览功能。视频可以预览。主要是提供了一种简单的思路。。
  • Uploadify插件是由国外开发的一个jquery插件,功能非常的齐全,包括同时上传多个附件,支持多个附件同时上传,一次同步上传文件个数设置,单个文件上传大小限制,同时上传附件个数限制,支持上传附件格式等功能,...
  • 上传附件插件包

    2018-08-13 16:11:12
    不使用flash插件上传附件,下载之后,解压,直接放入静态资源加载
  • wangEditor 上传附件

    千次阅读 2021-05-11 11:37:35
    wangEditor 上传附件 创建 wangEditor 创建一个index.js文件 import React, { Component } from 'react' import Wangeditor from 'wangeditor' export default class RcWangEdite extends Component { constructor...

    wangEditor 上传附件

    img

    创建 wangEditor

    创建一个index.js文件

    import React, { Component } from 'react'
    import Wangeditor from 'wangeditor'
    export default class RcWangEdite extends Component {
      constructor(props) {
        super(props)
        this.containerRef = React.createRef()
      }
    
      componentDidMount = () => {
        const div = this.containerRef.current;
        const editor = new Wangeditor(div);
        this.editor = editor;
        this.setCustomConfig();
        editor.create();
      };
      onChange = html => {
        this.props.onChange(html);
      };
    
      setCustomConfig = () => {
        const { customConfig } = this.props;
        this.editor.customConfig = {
          // 关闭粘贴内容中的样式
          pasteFilterStyle: false,
          // 忽略粘贴内容中的图片
          pasteIgnoreImg: true,
          // 使用 base64 保存图片
          uploadImgShowBase64: true
          ...customConfig,
        };
      };
      render() {
        return <div  ref={this.containerRef} />>;
      }
    }
    

    添加上传图片

    修改setCustomConfig这个方法

    setCustomConfig = () => {
      const { customConfig } = this.props
      this.editor.customConfig = {
        // 关闭粘贴内容中的样式
        pasteFilterStyle: false,
        // 忽略粘贴内容中的图片
        pasteIgnoreImg: true,
        // 上传图片到服务器
        uploadFileName: 'image', //设置文件上传的参数名称
        uploadImgServer: commonApi.imgUploadApi, //设置上传文件的服务器路径
        uploadImgMaxSize: 10 * 1024 * 1024, // 将图片大小限制为 10M
        uploadImgHooks: {
          before: function(xhr, editor, files) {
            before && before(xhr, editor, files)
          },
          fail: function(xhr, editor, result) {
            fail && fail(xhr, editor, result)
          },
          error: function(xhr, editor) {
            error && error(xhr, editor)
          },
          timeout: function(xhr, editor) {
            timeout && timeout(xhr, editor)
          },
          customInsert: (insertImg, result) => {
            const { code, data, msg } = result
            if (code == 0) {
              insertImg('/CMMS' + data.image_url)
            } else {
              message.error(msg)
            }
          },
        },
        ...customConfig,
      }
    }
    

    上传附件

    首先我们写一个fileMenu.js的文件

    /**
      editor: wangEdit的实例
      editorSelector: wangEdit挂载点的节点
      options: 一些配置
    */
    export default (editor, editorSelector, options) => {
      editor.fileMenu = {
        init: function(editor, editorSelector) {
          const div = document.createElement('div')
          div.className = 'w-e-menu'
          div.style.zIndex = 10001
          const rdn = new Date().getTime()
          div.onclick = function() {
            document.getElementById(`up-${rdn}`).click()
          }
    
          const input = document.createElement('input')
          input.type = 'file'
          input.name = 'file'
          input.id = `up-${rdn}`
          input.className = 'upload-file-input'
    
          div.innerHTML = `<span class="upload-file-span">上传附件</span>`
          div.appendChild(input)
          editorSelector.getElementsByClassName('w-e-toolbar')[0].append(div)
        },
      }
    
      // 创建完之后立即实例化
      editor.fileMenu.init(editor, editorSelector)
    }
    

    index.js中引入fileMenu.js

    import fileMenu from './fileMenu';
    ...
    ...
    // 修改componentDidMount
    componentDidMount = () => {
        const div = this.containerRef.current;
    
        const editor = new Wangeditor(div);
        this.editor = editor;
        this.setCustomConfig();
        editor.create();
        // 要放在editor实例化之后创建上传菜单
        fileMenu(editor, this.containerRef.current);
      };
    

    做完这一步之后,wangEditor 富文本的菜单栏上已经有上传附件的按钮,并且点击可以选择文件了

    对选择的文件进行上传

    写一个上传文件的 js,uploadFile.js

    import { message } from 'antd'
    function uploadFile(files, options) {
      if (!files || !files.length) {
        return
      }
      let uploadFileServer = commonApi.imgUploadApi //上传地址
      const maxSize = 100 * 1024 * 1024 //100M
      const maxSizeM = maxSize / 1000 / 1000
      const maxLength = 1
      const uploadFileName = 'file'
      const uploadFileParams = {}
      const uploadFileParamsWithUrl = {}
      const timeout = 5 * 60 * 1000 //5 min
      // ------------------------------ 验证文件信息 ------------------------------
      const resultFiles = []
      const errInfo = []
      for (let file of files) {
        const name = file.name
        const size = file.size
        // chrome 低版本 name === undefined
        if (!name || !size) {
          return
        }
        if (maxSize < size) {
          // 上传附件过大
          errInfo.push('\u3010' + name + '\u3011\u5927\u4E8E ' + maxSizeM + 'M')
          return
        }
        // 验证通过的加入结果列表
        resultFiles.push(file)
      }
      // 抛出验证信息
      if (errInfo.length) {
        this._alert('附件验证未通过: \n' + errInfo.join('\n'))
        return
      }
      if (resultFiles.length > maxLength) {
        this._alert('一次最多上传' + maxLength + '个文件')
        return
      }
      // ------------------------------ 自定义上传 ------------------------------
      // 添加附件数据
      const formdata = new FormData()
      for (let file of resultFiles) {
        const name = uploadFileName || file.name
        formdata.append(name, file)
      }
      // ------------------------------ 上传附件 ------------------------------
      if (uploadFileServer && typeof uploadFileServer === 'string') {
        for (key in uploadFileParams) {
          val = encodeURIComponent(uploadFileParams[val])
          formdata.append(key, val)
        }
        // 定义 xhr
        const xhr = new XMLHttpRequest()
        xhr.open('POST', uploadFileServer)
        // 设置超时
        xhr.timeout = timeout
        xhr.ontimeout = function() {
          if (options.timeout && typeof options.timeout === 'function') {
            options.timeout(xhr, editor)
          }
          message.error('上传附件超时')
        }
        // 监控 progress
        if (xhr.upload) {
          xhr.upload.onprogress = function(e) {
            let percent = void 0
            // 进度条
            if (e.lengthComputable) {
              percent = e.loaded / e.total
              if (options.onProgress && typeof options.onProgress === 'function') {
                options.onProgress(percent)
              }
            }
          }
        }
        // 返回数据
        xhr.onreadystatechange = function() {
          let result = void 0
          if (xhr.readyState === 4) {
            if (xhr.status < 200 || xhr.status >= 300) {
              // hook - error
              if (options.onFail && typeof options.onFail === 'function') {
                options.onFail(xhr, editor)
              }
              return
            }
            result = xhr.responseText
            if ((typeof result === 'undefined' ? 'undefined' : typeof result) !== 'object') {
              try {
                result = JSON.parse(result)
              } catch (ex) {
                // hook - fail
                if (options.onFail && typeof options.onFail === 'function') {
                  options.onFail(xhr, editor, result)
                }
                return
              }
            }
            const data = result || []
            if (data.code == 0) {
              options.onOk && options.onOk(data.data)
            }
          }
        }
        // 自定义 headers
        for (let key in uploadFileHeaders) {
          xhr.setRequestHeader(key, uploadFileHeaders[key])
        }
        // 跨域传 cookie
        xhr.withCredentials = false
        // 发送请求
        xhr.send(formdata)
      }
    }
    export default uploadFile
    

    粗略的封装了一个上传文件的方法,options 主要暴露有以下几个 api

    namedes
    timeout超时的回调
    onProgress上传进度的回调
    onFail上传失败的回调
    onOk上传成功的回调

    其他的需要扩展的,可以自行添加

    fileMenu.js中引入uploadFile.js

    import uploadFile from './uploadFile';
    ...
    ...
    // 修改`init`方法, 给`input`加上`onChange`事件
    editor.fileMenu = {
      init: function(editor, editorSelector) {
        ...
        ...
        input.onchange = e => {
          // 使用uploadFile上传文件
          uploadFile(e.target.files, {
            onOk: data => {
              console.log(data)
              // 可以使用editor.txt.html(data)进行更新
            },
            onFail: err => {
              console.log(err)
            },
            onProgress: percent => {
              console.log(percent)
            },
          });
        };
      },
      ...
      ...
    };
    

    就这样子,wangEditor 实现了上传富文本的功能,wangEditor 也封装好了

    展开全文
  • Vue实现附件上传功能

    2020-10-15 06:55:39
    主要为大家详细介绍了Vue实现附件上传功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • NULL 博文链接:https://liu418028499.iteye.com/blog/859340
  • NC65附件上传功能.rar

    2021-03-25 11:51:41
    NC65实现创建分组,上传附件功能
  • layui多附件上传.rar

    2020-09-11 16:46:36
    layui多附件上传,包含新增 修改页面 新增 修改 删除方法都已测试好,请放心使用,有什么问题请@我
  • 关于修改Roundcube Webmail上传附件的大小
  • 上传附件

    千次阅读 2019-06-08 19:56:29
    开发工具与关键技术:VS软件,上传附件 作者:陈隆 撰写时间:2019年06月05日 上传附件的这个功能其实是非常的多项目需要使用到的,因为这个功能可以帮助许多用户省去一些不必要的麻烦,因为上传附件这个功能可以...
    开发工具与关键技术:VS软件,上传附件 
    作者:陈隆
    撰写时间:2019年06月05日
    

    上传附件的这个功能其实是非常的多项目需要使用到的,因为这个功能可以帮助许多用户省去一些不必要的麻烦,因为上传附件这个功能可以上传许多种类的文件,就比如说比如图片或者文档或者视频、音频等等的文件都是可也上传的,这些都是可也集中在一个功能就可也完成的,也不用每个类型的文件就只能在对应的功能才能上传,就是这个功能就可以帮助许多的用户减少许多的麻烦,也可以为编程的人员省下了不少的代码,这样有东西需要上传的项目都会使用到这个附件的上传的这个功能,其实上传附件这一个功能需要的代码也不少的,主要就是需要的判断比较多一些,因为兼容许多的文件类型,就是这样就相当于把多个功能集合到了一块,不过呢先对单一的功能可以说真的是省下了不少的代码的,那么下面就开始写一下这个上传附件的功能的代码,代码可以说分为三部分,第一部分呢就是HTML的页面布局代码,这里的HTML代码是最简单的一部分,随随便便就可以设计出你想要的心仪页面,HTML部分的代码我这里就不讲了,那么接下来就开始写视图部分的代码,具体的代码看下面截图,由于代码比较多,所以就分为两张截图。(视图代码截图一)
    在这里插入图片描述
    视图这里的代码就是写一个表单中的改变事件,首相声明提交的文件的类型和用prop方式提交的,然后判断一下是否已经上传了文件,这里就判断是否大于零就可以知道是否有文件了,如果没有上传文件就给用户一个提示就可以了,如果已经上传了文件就判断上传的文件大小,设置文件的大小限制,设置文件的限制是为了上传的成功性,如果上传的文件过大就会出现上传失败的,如果上传的文件大于限制的大小就给用户提示一个文件不能超过限制的大小就可以了,判断成功后就开始使用XMLHttpRequest方式上传文件,然后new一个对象,然后就是把上传的文件放入到刚刚所new的对象中,设置为0坐标,因为计算机的坐标都是从0开始的,然后需要new一个XMLHttpRequest对象,然后就是注册监听事件和向控制器发送上传的文件是否符合,这里就需要控制器写一个查询了,然后写一个function,一般情况都会有一个提交中显示的加载层的,然后这里就需要关闭这个家载层,然后var声明一个参数,然后就是判断内容是否等于true,如果是就是代表上传已经成功了,成功就需要刷新一下表格,如果不刷新呢,所上传的文件是不会显示到内容框中的,所以这里就需要判断符合就要刷新一下表格显示文件就可以了,然后给控制器发送一个请求,发完请求后就给用户提示一个上传成功就可以了,如果判断文件不等于true的呢就是不符合条件的文件,不符合的就不能成功的上传了,给用户提示一个上传失败就可以了。
    (视图第二部分代码截图)
    在这里插入图片描述
    接着就是到了上传的部分,这里上传会有一个上传进度的,这个进度会不断的调用的,只要有文件上传就会调用这个上传进度的,如果文件过小,那么这个进度是不容易看见他在的进度的,因为速度太快,根本就看不出变化的,然后就是到了调用完上传进度后就开始上传文件了,这里的上传方式一定要用post方式提交,否则会出问题的,提交后就打开加载层提示一下已经是上传中了,上传完之后还需要发送一下数据,如果不清掉目前的值就有可能无法连续上传相同的文件,因为是上面的代码中使用了onchange事件的原因造成的,那么到了这里视图这部分的代码就完成了。
    然后就是到了写控制器部分的代码了,控制器的代码比视图中的代码更加多,控制器一共需要写两个方法,一个是查询上传的附件,还有一个是上传附件,所以控制器的代码需要分成几次截图了,那么下面就开始写控制器部分的代码,这里查询的代码是很简单的一部分,所以我这里里就不在截图了,查询这里的代码就是要先获取到session中的文件表,然后判断文件是否不等于空,不等于空就存在session中的文件表中,然后还需要做数据分页,然后return返回数据到视图页面就可以了。查询的代码也不多的。那么下面直接写上传附件的代码了,具体代码看下面的截图(上传附件控制器代码一)
    在这里插入图片描述
    这里首先需要写一个try、catch来捕获异常,然后就是获取上传文件的大小,如果大于0就判断上传的文件不能设置限制的大小,如果大于了设置的限制大小就给用户一个提示就可以了,然后就是活期session中的文件表,因为文件都是存在session表中的,然后就是检查目录是否存在,如果不存在就创建,这里指的是上传的文件需要保存到的文件夹,就是判断一下是否已经存在了某个文件夹,如果不存在就写一句代码自动创建就可以了,然后需要确定一下文件的类型,然后就是创建不包含文件扩展名的名称,还有原始名称,然后就是给文件名称添加上时间的字符串,防止上传的文件名相同,如果文件相同就会有冲突的,所以加上时间字符串就不会有什么问题了,时间字符串就是在文件夹后面加上年、月、日、是、分、秒、毫秒就是这些了,加上这些就可以避免文件名重复了,然后就是保存文件的路径了,这里的路径就是需要把上传的文件保存到什么文件夹中,就写什么文件夹的路径就可以了,但是必须是上面所创建的文件夹,然后就是保存文件了。(控制器代码二)
    //文件格式
    int fileTypeId; string fileTypeName; fileExtension = fileExtension.ToLower();
    if("(.mp4)|(.avi)|(.flv)|(.rmvb|(.rm)|(.3gp)|(.mkv)|(.dvd)|(.mpg)|(.mov)".Contains(fileExtension))
    { fileTypeId = 1;//视频
    fileTypeName = “视频”; }
    else if ("(.mp3)|(.wav)|(.cd)|(.ogg)|(.ape)|(.au)".Contains(fileExtension))
    { fileTypeId = 2;//音频
    fileTypeName = “音频”;}
    FilesVo filesVo = new FilesVo
    {FileTypeID = fileTypeId,
    FileTypeName = fileTypeName,
    FileName = fileName,
    FileGuid = Guid.NewGuid().ToString(“N”),
    Files = “<a href=”/SystemManagement/IssuanceNotice/DownloadAttachment?fileName=" + fileName + “” target="_blank">" + oldFileName + “”};
    //更新session
    if (sessionFiles != null)
    { sessionFiles.Add(filesVo);
    Session[“sessionFiles”] = sessionFiles;
    return Json(true, JsonRequestBehavior.AllowGet);
    }
    }
    }
    catch (Exception e)
    { Console.WriteLine(e); }
    return Json(false, JsonRequestBehavior.AllowGet);
    }
    接着就是文件的格式,需要判断一下格式的后缀来确定是上面文件的,我这里就写连个做示例了,不多写了,判断完之后就需要new一个实体类来处理这些数据,拼接上所有需要的东西就可以了,然后到了需要更新一下session,这里友需要创建一个判断,判断一下session中的文件是否不等于空,null就是代表空,如果不等于空就更新,然后获取到里面的数据,最后return返回数据到视图页面就可以了。这样就完成了这个功能了。

    展开全文
  • 引入vue静态js,实现vue附件点击上传和拖拽上传
  • 批量上传附件

    2015-03-13 06:00:09
    批量上传附件
  • 附件面板案例(如何在页面上通过代码为附件面板控件上传附件)源码,原文请参阅:https://developer.kingdee.com/article/344867021663762688?productLineId=29
  • 主要介绍了Python selenium使用autoIT上传附件过程详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
  • java 上传附件实现方法

    千次阅读 2021-02-27 08:06:11
    第一,jsp上传页面内容:jsp1第二,一个javabeanpackage upload;import org.apache.struts.action.ActionForm;import org.apache.struts.upload.FormFile;import org.apache.struts.action.ActionErrors;import org....

    第一,jsp上传页面内容:

    jsp1

    第二,一个javabean

    package upload;

    import org.apache.struts.action.ActionForm;

    import org.apache.struts.upload.FormFile;

    import org.apache.struts.action.ActionErrors;

    import org.apache.struts.action.ActionMapping;

    import javax.servlet.http.HttpServletRequest;

    public class FileInfo extends ActionForm {

    private FormFile thisFile;

    public FormFile getThisFile() {

    return thisFile;

    }

    public void setThisFile(FormFile thisFile) {

    this.thisFile = thisFile;

    }

    public ActionErrors validate(ActionMapping actionMapping,

    HttpServletRequest httpServletRequest) {

    /** @todo: finish this method, this is just the skeleton.*/

    return null;

    }

    public void reset(ActionMapping actionMapping,

    HttpServletRequest servletRequest) {

    }

    }

    第三,一个action

    package upload;

    import java.io.*;

    import org.apache.struts.action.ActionMapping;

    import org.apache.struts.action.ActionForm;

    import javax.servlet.http.HttpServletRequest;

    import javax.servlet.http.HttpServletResponse;

    import org.apache.struts.action.ActionForward;

    import org.apache.struts.action.Action;

    import org.apache.struts.upload.FormFile;

    public class myupload extends Action {

    public ActionForward execute(ActionMapping actionMapping,

    ActionForm actionForm,

    HttpServletRequest request,

    HttpServletResponse response) throws

    FileNotFoundException, IOException {

    FileInfo fileInfo = (FileInfo) actionForm;

    //获取上传文件

    FormFile f=fileInfo.getThisFile();

    InputStream is=f.getInputStream();

    //将文件存入服务器上

    String filename=request.getSession().getServletContext().getRealPath("/shangchuan/"+f.getFileName());

    OutputStream os=new FileOutputStream(filename);

    int x=0;

    //优化流处理过程

    byte[] buffer = new byte[8192];

    while((x=is.read(buffer, 0, 8192))!=-1)

    {

    os.write(buffer,0,x);

    }

    os.close();

    response.sendRedirect("jsp1.jsp");//根据实际情况跳转

    return null;

    }

    }

    取消

    评论

    展开全文
  • 推送公众号文章时,有时想在文末添加附件供粉丝下载。公众号本身是不支持附件上传的,我们可以通过小程来实现这个需求。
  • Java 上传文件 ,后端接口大体逻辑。 上传文件是我们日常开发过程中,经常遇到的一个场景,也是我们后端程序猿必须要会的,今天周五,事情做完,离下班还有点时间,来写写大体思路。 本文顺序将主要讲述的是...
  • 年报附件上传常见问题1、 为什么没显示上传按钮?如果没有显示"添加上传文件"的按钮,首先检查浏览器设置。 ... ... ...上传附件时要注意上传步骤、上传文件的大小和格式、当前网络状态等。上传文件时...
  • 4. 包含中文名称的文件上传附件上传成功后,在数据库表中插入一条记录,记录信息包括一个随机字符的字段,在下载时候通过该字段找到相应的附件 5. 上传文件时候, 反映上传进度 界面设计说明 对上传操作的页面显示...
  • uni-app上传附件与附件预览

    千次阅读 2021-11-23 17:14:59
    使用的插件链接:附件上传选择vue内嵌版lsj-upload - DCloud 插件市场 app端使用这个插件有点问题,所以把上传功能写到了一个跳转的页面才能触发上传功能 H5端不会有这个问题 示例代码 //附件页 <template>...
  • vue使用upload上传附件

    千次阅读 2021-12-07 10:36:10
    vue使用upload上传附件 这里的上传附件包括视频,图片,等各种格式 效果图 文章目录vue使用upload上传附件这里的上传附件包括视频,图片,等各种格式 效果图 ![在这里插入图片描述]...
  • element上传附件(el-upload 超详细)

    千次阅读 多人点赞 2022-05-12 22:29:04
    element上传附件(el-upload 超详细) 经常会有人问我上传文件怎么做,这个功能其实比较常见的功能,后台管理系统基本上都有,这就离不开element的el-upload,虽然配置项很多,我们慢慢看,先看结构代码,之中有注释...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 88,302
精华内容 35,320
关键字:

上传附件