今天小编给大家分享一下Vue如何实现封装一个切片上传组件的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。单文件切片上传多文件切片上传组件使用案例Attribute标红色部分为二次封装处理过的功能，其他为el-upload自带属性Slot切片上传组件是基于el-upload进行的二次封装，文章开头组件效果演示可以看到上传一个文件会发送三个请求：prepare，chunk, merge，也就是整个上传过程，主要分为三步：1.预请求 2.分片请求 3.合并请求，预请求和合并请求就是我们正常的http请求，主要处理的是分片请求，分片请求主要的步骤是：将文件切片构造切片请求参数控制分片请求的并发在el-upload上传后， 在on-change属性的回调免费云主机域名里可以获取文件file，通过file.raw.slice对文件进行切片，目前的切片规则是：1.小于10M 固定一片 2.小于50M 文件10%为一片 3.大于50M 固定5M 一片（可以根据自己的需求进行修改）一个32M的文件按照10%切一片，构造好的切片数据是这样的切片请求不同业务的参数是变化的，所以参数部分可以抛出给父组件处理，增加组件的复用性父组件子组件切片上传如果不控制并发，在分片很多时，就会同时发送很多个http请求，导致线程阻塞，影响页面其他请求的操作，所以控制并发是需要的。我设置的是最多允许3个并发请求。以上就是“Vue如何实现封装一个切片上传组件”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注百云主机行业资讯频道。
这篇文章主要介绍“CentOS怎么设置静态IP”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，免费云主机域名实用性强，希望这篇“CentOS怎么设置静态IP”文章能帮助大家解决问题。1、修改网卡配置2、修改网关配置一般情况下是添加最后一行。…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
