松鼠的博客

导航

2023年11月15日 #

vue 实现文件切片上传

摘要: 在实际开发项目过程中有时候需要上传比较大的文件,然后呢,上传的时候相对来说就会慢一些,so,后台可能会要求前端进行文件切片上传,很简单哈,就是把比如说1个G的文件流切割成若干个小的文件流,然后分别请求接口传递这个小的文件流。 流程简说实现文件切片导入,首先我们使用 elementUI 也好,原生的 阅读全文

posted @ 2023-11-15 18:08 Xproer-松鼠 阅读(161) 评论(0) 推荐(0) 编辑

vue-大文件分片及断点上传

摘要: 最近开发过程中,有一个大文件分片上传的功能,借鉴于网上的思路,结合自己后端的逻辑,完成了这个功能,在此记录如下: 界面展示: 一、将大文件分片上传写为一个组件,可以全局注册该组件,也可以在使用的页面注册该组件,使用vuex通讯进行组件间传值 由于我有好几个页面需要使用大文件上传,所以我是在App.v 阅读全文

posted @ 2023-11-15 15:58 Xproer-松鼠 阅读(19) 评论(0) 推荐(0) 编辑

vue实现文件的分片上传

摘要: const CHUNK_SIZE = 100 * 1024; // 100KBfunction sliceFile(file) { const totalChunks = Math.ceil(file.size / CHUNK_SIZE); const chunks = []; for (let i 阅读全文

posted @ 2023-11-15 13:50 Xproer-松鼠 阅读(78) 评论(0) 推荐(0) 编辑

vue中文件上传方法

摘要: 1.单文件上传 <template> <div> <label for="fileInput"> <i aria-hidden="true" class="cursor">上传文件</i> </label> <input v-show="false" type="file" id="fileInpu 阅读全文

posted @ 2023-11-15 11:52 Xproer-松鼠 阅读(205) 评论(0) 推荐(0) 编辑

js分片上传大文件,前端代码

摘要: 首先导入jQuery.form.js文件,下面src是相对于改js文件位置, <script type="text/JavaScript" src="jquery/jquery-form.js"></script> <script type="text/javascript">var BYTES_P 阅读全文

posted @ 2023-11-15 11:08 Xproer-松鼠 阅读(16) 评论(0) 推荐(0) 编辑