前端：vue2,vue3,vue-cli,html5后端：asp.net,jsp,springboot,php,数据库：MySQL,Oracle,SQL Server,达梦,人大金仓,国产数据
原创
2024-09-09 13:53:15
0阅读
IE的自带下载功能中没有断点续传功能，要实现断点续传功能，需要用到HTTP协议中鲜为人知的几个响应头和请求头。 一. 两个
原创
2023-05-17 22:42:10
10000+阅读
vue-simple-uploadervue-simple-uploader是基于 simple-uploader.js 封装的vue上传插件。它的优点包括且不限于以下几种：支持文件、多文件、文件夹上传；支持拖拽文件、文件夹上传 可暂停、继续上传 错误处理 支持“秒传”，通过文件判断服务端是否已存在从而实现“秒传” 分块上传 支持进度、预估剩余时间、出错自动重试、重传等操作 读这篇文章之前，建议先
转载
2023-12-24 18:28:26
335阅读
最近遇见一个需要上传百兆大文件的需求，调研了七牛和腾讯云的切片分段上传功能，因此在此整理前端大文件上传相关功能的实现。 在某些业务中，大文件上传是一个比较重要的交互场景，如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大，或者网络条件不好时，上传的时间会比较长（要传输更多的报文
原创
2021-07-08 16:33:56
291阅读
前言这段时间赶项目，需要用到多文件上传，用Vue进行前端项目开发。在网上找了不少插件，都不是十分满意，有的使用起来繁琐，有的不能适应本项目。就打算自己折腾一下，写一个Vue的上传插件，一劳永逸，以后可以直接使用。目前vue-easy-uploader已上传到GitHub和NPM，使用起来方便简单，不需要繁琐的配置即可投入生产，不过需要后端配合，实现上传接口。本项目GitHub地址: https:/
转载
2024-06-29 22:02:25
355阅读
目录 1. 前言2. 关于vue-simple-uploader3. 基于vue-simple-uploader封装全局上传组件4. 文件上传流程概览5. 文件分片6. MD5的计算过程7. 秒传及断点续传7.1 对于前端来说7.2 前端做分片检验：checkChunkUploadedByResponse8. 源码及后记 1. 前言之前公司要在管理系统中做一个全局上传插件，即切换各个页面的时
转载
2024-08-05 10:53:58
130阅读
视频作为一种信息表达方式，越来越受到人们的关注和喜爱。近年来，随着移动互联网的普及，手机、平板电脑等者必须学会
原创
2023-11-17 13:47:03
215阅读
Vue是一种流行的JavaScript框架，拥有轻量级、直观且易于学习的特点，并提供丰富的插件集合。其中，上传照片插件是Vue的常用插件之一。 上传照片插件能够快速地将照片上传到服务器，支持多图上传、拍照上传和拖拽上传等功能。此外，插件还可以对上传过程进行自定义，如上传时的进度条显示、图片大小限制等
原创
2023-11-28 10:49:24
107阅读
有一移动端项目，使用的vant-ui。可是vant自带的Uploader似乎不支持一次选择多张图片上传的功能。于是乎：在https://www.npmjs.com/查找发现找到 vue-upload-component 组件，功能基本都有，评价也不错，目前有1500多个star。因为是国人开发的，所有比较完善的中文文档。 完整的例子。 使用：1.安装：npm install v
转载
2023-07-14 10:57:24
417阅读
在日常开发中经常会遇到文件上传的需求，vue-simple-uploader 就是一个基于 simple-uploader.js 和 Vue 结合做的一个上传组件，自带 UI，可覆盖、自定义；先来张动图看看效果：其主要特点就是：支持文件、多文件、文件夹上传支持拖拽文件、文件夹上传统一对待文件和文件夹，方便操作管理可暂停、继续上传错误处理支持“快传”，通过文件判断服务端是否已存在从而实现“快传”上传
转载
2024-03-24 13:04:33
295阅读
文件夹数据库处理逻辑 public class DbFolder { JSONObject root; public DbFolder() { this.root = new JSONObject(); this.root.put("f_id", ""); this.root.put("f_name
原创
2021-07-08 13:40:56
124阅读
vue 上传文件和下载文件1. 上传文件2. 下载文件 1. 上传文件上传文件我所使用的组件是element ui 的 el-upload，我一共进行了如下两步，第一步：修改样式，因为el-upload的样式不是我所要的，我想要这种的 代码如下<el-form-item label="导入文件:">
<el-input v-model="file
转载
2023-08-18 11:44:30
458阅读
我们平时经常做的是上传文件，上传文件夹与上传文件类似，但也有一些不同之处，这次做了上传文件夹就记录下以备后用。这次项目的需求：支持大文件的上传和续传，要求续传支持所有浏览器，包括ie6,ie7,ie8,ie9,Chrome,Firefox,360安全浏览器，并且刷新浏览器后仍然能够续传，重启浏览器（关闭浏览器后再打开）仍然能够继续上传，重启电脑后仍然能够上传支持文件夹的上传，要求服务端
转载
2024-01-19 23:41:20
1052阅读
以ASP.NET Core WebAPI 作后端 API ，用 Vue 构建前端页面，用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl
原创
2023-04-18 18:42:37
10000+阅读
前言这篇文章是准备不写的，因为之前写过uniapp插件上传npm，然后加上在手写VUE步骤条组件这篇文章中有提到后期会将这个步骤条组件上传到npm仓库，然后我就用上传uniapp插件的方式试着上传VUE这个插件，上传是能上传，结果在VUE项目中npm安装的这个插件的时候就无法安装，于是我就再思考，哦原来这个uniapp插件上传和VUE插件上传还不一样，于是就有了这篇文章！开干1.创建一个空VUE项目之前创建VUE项目的时候，应该用的是下面这个命令vue init webpack you-proje
原创
2022-12-01 17:07:37
232阅读
文件夹数据库处理逻辑 public class DbFolder { JSONObject root; public DbFolder() { this.root = new JSONObject(); this.root.put("f_id", ""); this.root.put("f_name
原创
2021-07-08 16:34:00
150阅读
文件上传上传文件是项目里经常遇到的需求，我之前基本上是碰到的单个文件上传，最近的项目有多个文件同时上传的需求并下载，遂记录一下。注意：文件上传时必须使用FormData形式传参。以Element-UI为例：<el-form-item label="事件描述:" prop="parent_data.description"
:label-width="formLabelWidth">
转载
2023-10-08 20:39:29
359阅读
首先 上传图片的控件是 <input type="file" value="" v-on:change="upLoad" /> 然后定义一个上传图片的方法 upLoad(event) { //获取图片 let file = event.target.files[0]; //配置头部类型 let fd ...
转载
2021-08-24 21:09:00
249阅读
2评论
在 Vue 中实现文件上传可以通过结合 HTML <input type="file"> 和 Vue 的事件处理来完成。如果您需要将文件上传到服务器，通常会使用 axios 或 fetch 进行 HTTP 请求。下面是一个简单的 Vue 文件上传示例。示例步骤安装 axios如果您还没有安装 axios，首先需要安装它。运行以下命令：npm install axios编写 Vue 文件
该贴为收藏，出自https://www.cnblogs.com/zjy850984598/p/11391232.html #vue中上传文件给后台 一、FormData 对象的使用： 1.用一些键值对来模拟一系列表单控件：即把form中所有表单元素的name与value组装成 一个queryStri ...
转载
2021-09-28 18:29:00
1666阅读
2评论
