前端: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+阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            视频作为一种信息表达方式,越来越受到人们的关注和喜爱。近年来,随着移动互联网的普及,手机、平板电脑等者必须学会            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            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阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            前言这篇文章是准备不写的,因为之前写过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阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            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阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            文件夹数据库处理逻辑 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-simple-uploader 就是一个基于 simple-uploader.js 和 Vue 结合做的一个上传组件,自带 UI,可覆盖、自定义;先来张动图看看效果:其主要特点就是:支持文件、多文件、文件夹上传支持拖拽文件、文件夹上传统一对待文件和文件夹,方便操作管理可暂停、继续上传错误处理支持“快传”,通过文件判断服务端是否已存在从而实现“快传”上传            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-24 13:04:33
                            
                                295阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            http://fex.baidu.com/webuploader/doc/index.html            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2019-11-15 16:14:00
                            
                                362阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
             我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。这次项目的需求:支持大文件的上传和续传,要求续传支持所有浏览器,包括ie6,ie7,ie8,ie9,Chrome,Firefox,360安全浏览器,并且刷新浏览器后仍然能够续传,重启浏览器(关闭浏览器后再打开)仍然能够继续上传,重启电脑后仍然能够上传支持文件夹的上传,要求服务端            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-01-19 23:41:20
                            
                                1052阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            文件夹数据库处理逻辑 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阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在做web前端开发的时候,你一定遇到过这样的业务场景,上传用户头像的时候,需要将图片进行裁剪等操作,这个时候,我们一般会用到第三方插件。
如果自己造轮子的话,就太慢了,耽误时间不说,搞不好还要留下来加班。
这里就推荐一个简单易用的vue图片裁剪插件,支持移动图像,裁剪图片,放大缩小图片,上下左右移动,固定比例,固定尺寸,远程图片裁剪,只需要很少的代码就可以实现裁剪功能,也可以通过调整参数以适应你自            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-29 17:39:45
                            
                                949阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在做web前端开发的时候,你一定遇到过这样的业务场景,上传用户头像的时候,需要将图片进行裁剪等操作,这个时候,我们一般会用到第三方插件。如果自己造轮子的话,就太慢了,耽误时间不说,搞不好还要留下来加班。这里就推荐一个简单易用的vue图片裁剪插件,支持移动图像,裁剪图片,放大缩小图片,上下左右移动,固定比例,固定尺寸,远程图片裁剪,只需要很少的代码就可以实现裁剪功能,也可以通过调整参数以适应你自...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-04-22 10:54:51
                            
                                1521阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            jQuery File Upload 是一款非常强大的文件上传处理插件,支持多文件上传,拖拽上传,进度条,文件验证及图片音视频预览,跨域上传等等。可以说你能想到的功能它都有。你没想到的功能它也有。。不过由于功能太强大,使用起来还是需要点基本功,否则调试开发会遇到困难。本文结合官方教程只介绍最基本的上传功能。以我目前最新的9.7.1版本下载下来解压到服务器能访问到的地方。文件如下:1. 新            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-28 20:40:33
                            
                                117阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            <template> <div id="app"> <!-- <img alt="Vue logo" src="./assets/logo.png"> --> <!-- <HelloWorld msg="Welcome to Your Vue.js App"/> --> <el-upload sty ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-07-19 15:00:00
                            
                                188阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            文件上传上传文件是项目里经常遇到的需求,我之前基本上是碰到的单个文件上传,最近的项目有多个文件同时上传的需求并下载,遂记录一下。注意:文件上传时必须使用FormData形式传参。以Element-UI为例:<el-form-item label="事件描述:" prop="parent_data.description"
 :label-width="formLabelWidth">            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-08 20:39:29
                            
                                359阅读
                            
                                                                             
                 
                
                                
                    