iview upload 上传文件样例

  iview upload 组件官网上给出的用法是，选择附件后就立马上传附件。我不想让他立马上传，我想让他和其他一些信息一起上传，百度查了一些资料照大神总结的例子实现了现在分享一下。

<Upload action="temp" accept=".zip" :before-upload="handleUpload">
           <Button icon="ios-cloud-upload-outline">上传</Button></Upload>

说明：这里红色的这个temp是随便写的一个上传地址，上传肯定会失败，但是官网上介绍action是必填项所以不得已填了一个temp，这里只要是一个无用的就行。

         重点有用的是这个handleUpload方法

 

handleUpload(file) {
       console.log('文件名称:' + file.name);
       //this.file是全局变量     this.file = file;
     //阻止自动上传
       return false;
},

 

如何提交是与后端交互的问题不是本例的重点就不讲了。

 

资源丰富的的网盘资源：网盘资源大全！ 推荐一个适合零基础学习SQL的网站：不用安装数据库，在线轻松学习SQL！