松鼠的博客

导航

上一页 1 2 3 4 5 6 7 ··· 427 下一页

2023年12月22日 #

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

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

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

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

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

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

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

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

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

2023年12月21日 #

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-松鼠 阅读(353) 评论(0) 推荐(0) 编辑

django+vue实现文件夹上传

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

posted @ 2023-12-21 17:48 Xproer-松鼠 阅读(52) 评论(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-松鼠 阅读(94) 评论(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-松鼠 阅读(91) 评论(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-松鼠 阅读(34) 评论(0) 推荐(0) 编辑

2023年12月20日 #

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-松鼠 阅读(499) 评论(0) 推荐(0) 编辑

Vue上传文件夹的实现

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

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

上一页 1 2 3 4 5 6 7 ··· 427 下一页