elementUI上传功能实战心得

    最近产品添加了上传文件的功能,我也是刚开始做有关上传的东西,所以这两天收获蛮多,在博客中记录一下心得。

一. 基础用法

    饿了么在官网把基础用法的API 和示例写的很清楚,这里为节约有效资源的时间,不再赘述,只做补充。

elementUI上传功能实战心得_第1张图片

  首先,不要被这句“只能传咘啦咘啦”的给骗了,我刚开始就是被这句话迷惑,去找了其他插件,结果由于文档不详细,又换了回来。其实从某种方面来说,文件上传时没有差别的,所以放心取用吧,这里的只能上传指的是由你限定的文件格式,可以通过accept做限制,accept接收各种格式的后缀名,用逗号隔开,action为文件上传到的地址,limit指同时下载数,:auto-upload="true"指此时是自动上传的,还有一大堆的触发事件,官网上有,很容易理解。


    选取文件            
    

    然而这种方法有个问题,就是如果你除了上传这个文件外还要传一些信息,比如填写的上传人,选择的文件类型等,需要调用两次接口,而处于性能的考虑,后端可能只允许你调用一个接口把这些信息都传过去。这时候你可能就懵了,官网对于这种方法也并没有说的很仔细,其实element是可以实现这个功能的。

二. 自定义上传方法

 


    选取文件



                    
                    

你可能感兴趣的:(Vue,前端)