Xproer-松鼠 - 博客园

前端大文件上传，断点续传

摘要：前语无论是面试仍是实际作业，咱们都会遇到大文件上传的问题。事实上，在我之前的面试中，也被问到上传大文件（Excel）怎样处理，其时答的磕磕巴巴，直接导致整个面试以失利完毕。最近想起了整个作业，花了点时刻，整理出这个demo，当然了，整篇文章，不仅仅讲思路进程，毕竟也会附送源码前端：Vue.js 阅读全文

posted @ 2023-12-22 13:53 Xproer-松鼠阅读(278) 评论(0) 推荐(0) 编辑

vue实现大文件分片上传与断点续传到七牛云

摘要：问题：前段时间做视频上传业务，通过网页上传视频到服务器。视频大小小则几十M，大则 1G+，以一般的HTTP请求发送数据的方式的话，会遇到的问题： 1、文件过大，超出服务端的请求大小限制； 2、请求时间过长，请求超时； 3、传输中断，必须重新上传导致前功尽弃；探索过程： 1、原先咨询过组里的大阅读全文

posted @ 2023-12-22 11:45 Xproer-松鼠阅读(421) 评论(0) 推荐(0) 编辑

前后端大文件上传，断点续传、分片上传、秒传的完整实例

摘要： 1、前言文件上传在项目开发很常见，很多项目都会涉及到图片，音频，文件的上传。在现代技术中，基本都是通过组件库封装的组件进行上传，比如 element-ui ,antdesign等。这些ui库封装了上传的一些基础方法，可以满足大多的上传场景。但是如果遇到很大的文件，比如1G,2G这种大体量的文件，u 阅读全文

posted @ 2023-12-22 10:37 Xproer-松鼠阅读(511) 评论(0) 推荐(0) 编辑

vue+element 上传文件及文件夹

摘要：有需求需要做一个上传压缩包及文件夹的需求，记性不好，记录一下。 HTML 使用的element的upload和form表单，dropdown下拉菜单 <div> <el-col :span="24"> <el-form-item label="材料路径：" prop="fileName"> <el- 阅读全文

posted @ 2023-12-21 18:48 Xproer-松鼠阅读(429) 评论(0) 推荐(0) 编辑

django+vue实现文件夹上传

摘要：最近学django的文件上下传，网上的文件夹上下传压根没有，找了好几个，报错一大堆，没有一个能用，花里胡哨，可气！！！下面这个方法是我刚刚用过的，分享给大家。前端vue非常简单，template部分 <input type="file" id="twos" webkitdirectory/><el 阅读全文

posted @ 2023-12-21 17:48 Xproer-松鼠阅读(73) 评论(0) 推荐(0) 编辑

vue实现文件上传，前后端

摘要：前端封装el-upload组件，父组件传值dialogVisible（用于显示el-dialog），子组件接收，并且关闭的时候返回一个值（用于隐藏el-dialog）,最多上传五个文件，文件格式为.jpg\pdf\png <template> <div> <el-dialog width="30%" 阅读全文

posted @ 2023-12-21 14:19 Xproer-松鼠阅读(106) 评论(0) 推荐(0) 编辑

vue上传图片到指定文件夹

摘要： vue代码<template> <div class="app-container"> <div class="wenben"> <el-upload :disabled="dis==0?true:false" class="upload-demo" :action="uploadUrl" :on- 阅读全文

posted @ 2023-12-21 11:45 Xproer-松鼠阅读(125) 评论(0) 推荐(0) 编辑

vue上传文件夹

摘要：方法1：jq import $ from 'jquery' <form id="frm-reg" :action="actionUrl"//上传地址 method="post" webkitdirectory accept="multipart/form-data" enctype="multipa 阅读全文

posted @ 2023-12-21 10:03 Xproer-松鼠阅读(36) 评论(0) 推荐(0) 编辑

Vue使用vue-simple-uploader上传文件夹

摘要： Vue使用vue-simple-uploader上传文件夹先睹为快1 点击上传“上传文件夹”按钮 2 选择文件夹 3 确定上传 4 上传进度引入控件install npm install vue-simple-uploader --savemain.js配置 import uploader fro 阅读全文

posted @ 2023-12-20 17:43 Xproer-松鼠阅读(586) 评论(0) 推荐(0) 编辑

Vue上传文件夹的实现

摘要：一、上传文件夹基本流程在Vue中，上传文件夹的基本流程如下： 1. 用户在页面中选择要上传的文件夹； 2. 将该文件夹中的所有文件进行遍历； 3. 将遍历出来的每个文件使用 formData 对象进行处理； 4. 把所有处理好的 formData 对象上传到服务器。二、选择要上传的文件夹在Vu 阅读全文

posted @ 2023-12-20 16:32 Xproer-松鼠阅读(994) 评论(0) 推荐(0) 编辑

松鼠的博客

导航

统计

搜索

随笔分类

文章分类