jsZip上传,jsZip压缩文件并上传到服务器

前言:

JsZip客户端压缩客户选择的文件并上传。

就不BB啦！直接上干货。

<html>
<head><title>客户端压缩文件测试</title><script src="./jquery.min.js" ></script><script src="./jszip.js" ></script>
</head>
<body><span>选择文件:</span><input type="file" id="files1" /> <hr><button onclick="toZip()" >压缩选择的文件并上传</button><script >function toZip(){//file.files 是一个fileList对象 fileList里面是file对象var file = document.getElementById("files1");//文件读取成功 将文件打包成zipvar zip = new JSZip();//添加需要压缩的文件 file对象zip.file(file.files[0].name, file.files[0]);//zip.file("mimetype", "application/zip");//return promise对象   该方法是异步方法 需要注意！上传和修改文件内容需要在此方法中，我就是因为这个坑浪费三四个小时zip.generateAsync({type:"Blob",compression: "DEFLATE"}).then(function(content) {//第一种方法//创建file对象var fils = new File([content],'test.zip',{type: "zip"});//创建提交表单 并将file对象放入form表单中var formData = new FormData();formData.append("file",fils);//第二种方法 未测试 这个我也是看别人的:https://www.jianshu.com/p/cda557daad1fvar fromData2 = new FormData();formData.append("blob",content);//ajax上传formData$.ajax({url:'upload',type:'POST',data:formData,processData:false,contentType:false,success:function (data) {}});});}</script>
<body>
<html>

jsZip上传,jsZip压缩文件并上传到服务器相关推荐

Spark读取HDFS上的Snappy压缩文件所导致的内存溢出问题 java.lang.OutOfMemoryError: GC overhead limit exceeded
报错java.lang.OutOfMemoryError: GC overhead limit exceeded HDFS上有一些每天增长的文件,使用Snappy压缩,突然某天OOM了 1.原因: 因 ...
mysql 上传rar文件大小_js文件上传自定义压缩文件和文件格式及大小限制
1 $(function() {2 var count = 0;3 /*----------------------------------------------文件上传-------------- ...
Flask_Tool上传下载压缩文件
上传文件 @mod.route('/upload', methods=['POST', 'GET']) def upload():if request.method == 'POST':f = req ...
java 上传zip压缩文件并且解压
public void parseAndAdd(MultipartFile zipFile) {//C:\Users\登录用户~1\AppData\Local\Temp\String pathName ...
php带截切图片上传_PHP大文件切割上传并带进度条功能示例
本文实例讲述了PHP大文件切割上传并带进度条功能.分享给大家供大家参考,具体如下: 前面一篇介绍了PHP大文件切割上传功能,这里再来进一步讲解PHP大文件切割上传并带进度条功能. 项目结构图: 14- ...
添加Chrome插件（Github上下载的压缩文件）
首先把压缩包解压到某个文件夹然后按照以下步骤进行即可: 点击Chrome浏览器上的设置->扩展程序->开发者模式->点击加载已解压的压缩文件->选中解压过的文件夹确定即可. ...
清除服务器上传队列的文件,webUploader上传demo
最近,要做文件上传功能,在同事推荐下,选择了webUploader插件.WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件 ...
文件服务器无法上传资料,该文件未上传至服务器怎么回事
该文件未上传至服务器怎么回事内容精选换一换华为云帮助中心,为用户提供产品简介.价格说明.购买指南.用户指南.API参考.最佳实践.常见问题.视频帮助等技术文档,帮助您快速上手使用华为云服务. W ...
nginx java文件上传_Nginx实现文件的上传和下载
文件的上传只要保证特殊的地址先到达Nginx,然后通过Nginx指定至指定的服务器即可,目前配置是本机.文件的下载的做法就是把本机的当前目录下面的文件给返回回去. server { listen ; ...
java 断点上传_java HTTP文件断点上传
之前仿造uploadify写了一个HTML5版的文件上传插件,没看过的朋友可以点此先看一下~得到了不少朋友的好评,我自己也用在了项目中,不论是用户头像上传,还是各种媒体文件的上传,以及各种个性的业务需 ...

jsZip上传,jsZip压缩文件并上传到服务器

jsZip上传,jsZip压缩文件并上传到服务器相关推荐

最新文章

热门文章