首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js不借助后端,多文件拖拽压缩上传,支持选择文件夹

在系统中上传文件时,需要支持多文件和文件夹上传,并且需要在文件上传时需要将多文件压缩成zip包,下载时候,直接下载zip包 听到这个需求,我第一反应就是js应该没有强大吧,因为压缩和访问文件夹,涉及到了文件系统读取和修改...主要用到库是 jszip 则 则这里简单对jszip做下简单介绍,更详细功能和api请移步官网. jszip是是一个创建,读取和写入.zip文件js库, api优化,简单 浏览器支持 实现思路如下...: 1:用户选中文件或文件夹后,获取文件对象, 2:遍历获取文件对象 放入实例化zip对象中 3:使用generateAsync()方法生成文件, 通过formdata提交到服务端 代码如下: 此案例支持拖拽上传多个文件..., 支持选择多个文件,选择单个文件夹 此外可以使用 file-saver库saveAs对zip文件包保存到本地 <img alt...能不能做,要想看这个库api具不具备将文件转化为zip文件,通过以上两个api,可以得知这个库是支持. jszip库api 另外jszip库也支持读取本地和远程zip文件返回内部文件目录,文件名.

3.5K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    ExcelVBA-选择文件夹获取文件列表

    ExcelVBA-选择文件夹获取文件列表 前言: 一般情况下我们程序运行文件操作顺序如下: 1.打开对话框取得文件夹路径 2.获得文件夹所有子文件夹 3.取得文件列表(分为不含子文件夹,含子文件夹两种情况...) 今天学习第一种情况 : 取得文件列表(不含子文件夹) 近期我们学习了 start=========== ExcelVBA-打开对话框取得文件夹路径2种方法 ExcelVBA文件操作-获得文件夹所有子文件夹...end=========== 今天我们要学习 【选择文件夹获取文件列表】 图片 注意标题,有顺序哦:1.先打开对话框==2.选择文件夹==3.获取文件列表 1-2两步可用我们自定义函数 '打开对话框...'            MsgBox "您选择文件夹是:" & .SelectedItems(1)          SelectGetFolder = .SelectedItems(1)...' MsgBox "您选择文件夹是:" & .SelectedItems(1) SelectGetFolder = .SelectedItems(1) Else SelectGetFolder

    1.3K40

    ExcelVBA文件操作-选择文件夹(含子文件夹)获取所有文件列表

    到目前 我们已完成:1.先打开对话框2.选择文件夹3.获取文件夹4.得到文件夹(包含子文件夹路径5. 获取文件夹(不含子文件夹)内文件列表 今天我们将解决问题是: 6....获取文件夹(含子文件夹)内文件列表 【问题】 选择文件夹(含子文件夹)获取所有文件列表 【解决思路】 第【1-3】步:可以用自定义函数(PS:此函数返回要进行是否为空判断,如果为空要exit sub...' MsgBox "您选择文件夹是:" & .SelectedItems(1) SelectGetFolder = .SelectedItems(1)...(PS:返回数组是以0为下标的) '输入文件夹,返回数组=文件夹(含子文件夹路径 Function GetAllFolderPath(sPath As String) Dim aRes,...' MsgBox "您选择文件夹是:" & .SelectedItems(1) SelectGetFolder = .SelectedItems(1)

    4.7K21

    ExcelVBA文件操作-选择文件夹(含子文件夹)获取所有文件列表

    ExcelVBA文件操作-选择文件夹(含子文件夹)获取所有文件列表 【回顾】 近期我们学习了 1.ExcelVBA-打开对话框取得文件夹路径2种方法 2.ExcelVBA文件操作-获得文件夹所有子文件夹...3.ExcelVBA文件操作-选择文件夹获取文件列表 到目前 我们已完成:1.先打开对话框2.选择文件夹3.获取文件夹4.得到文件夹(包含子文件夹路径5....获取文件夹(含子文件夹)内文件列表 【问题】 选择文件夹(含子文件夹)获取所有文件列表 【解决思路】 第【1-3】步:可以用自定义函数(PS:此函数返回要进行是否为空判断,如果为空要exit sub...MsgBox "您选择文件夹是:" & .SelectedItems(1) SelectGetFolder = .SelectedItems(1) Else...' MsgBox "您选择文件夹是:" & .SelectedItems(1) SelectGetFolder = .SelectedItems(1)

    83730

    ExcelVBA文件操作-选择文件夹获取文件列表

    ExcelVBA文件操作-选择文件夹获取文件列表 近期学习了 =====start====== 1.ExcelVBA文件操作-获得文件夹所有子文件夹 2.ExcelVBA-打开对话框取得文件夹路径...2种方法 =====end====== 今天要学习 注意标题,有顺序哦: 1.先打开对话框==2.选择文件夹==3.获取文件列表 1-2两步可用我们自定义函数 '打开对话框,选择,取得文件夹路径,...MsgBox "您选择文件夹是:" & .SelectedItems(1) SelectGetFolder = .SelectedItems(1) Else...SelectGetFolder = "没有选择" End If End WithEnd Function 进入文件夹后,接下来,要读取文件夹文件列表(不包含子文件夹) 【知识点...' MsgBox "您选择文件夹是:" & .SelectedItems(1) SelectGetFolder = .SelectedItems(1)

    59020

    一个分析“文件夹选择框实现方法过程

    在软件开发中,我们如果存在“导入导出”场景时,难免会用到“文件夹选择框。之前一直没有太关注过这个实现过程。最近在工作中遇到了一些问题,我做了一些研究。在此记录下研究过程。...当我们选择了这个设备下文件夹后,我们并不能获取我们选择文件夹路径。经调试发现是我们之后调用获取文件夹路径函数SHGetPathFromIDList返回失败。        ...修改好后,我们继续执行A软件,并选择之前出现“确定”按钮不可用文件夹,可以看到这个时候“确定”按钮可用了。 ?        ...所有,在用户点击了一个文件夹后,我们在会立即检查该文件夹pidl是否可以拿到。如果可以拿到,那么我们就让选择OK按钮置成可用,否则不可用。...其实这个问题还是很常见,我们永远无法预测神奇用户诡异行为:比如他把A目录设置为只读,然后通过我们程序去选择这个目录,导致我们无法成功在该文件夹下新建文件——因为该文件夹只读。

    91230

    js 实现选择排序及优化

    // 选择排序 // 原理:进行 n-1 趟 循环,每趟循环中遍历所有未排好序数,第一趟循环,从第0个元素开始向后遍历,找到 最小元素,与第1 一个元素进行交换,第二趟,从第 1 个元素开始向后遍历...:因为选择排序每次找到最小值,都会与起始位置交换,所以是不稳定 function selectSort(arr) { let length = arr.length; if (length...arr[minIndex] = temp; } console.log(`执行了${count}趟循环`); return arr; } console.log("普通选择排序...0, 1, 6, 5])); // 执行了9趟循环 console.log(selectSort([1, 2, 3, 4, 5, 6, 7, 8, 9, 9])); // 执行了9趟循环 // 优化选择排序...break; } } console.log(`执行了${count}趟循环`); return arr; } console.log("普通选择排序

    4.5K10

    如何使用Python选择性地删除文件夹文件?

    问题1 问题描述:在一个文件夹中,有着普通文件以及文件夹,那么我们如何做到删除全部文件夹而不删除文件呢? 如下图所示,我们想要删除test文件夹所有文件夹,而保留其他文件: ?...Version 1 看到这个问题第一刻,我想到文件夹没有后缀名,其他文件有后缀名,而拥有后缀名则意味着文件名称里面会有.存在,我们就可以利用这个差别,来区分两者,进而实现问题描述中功能。...接着,我又发现了文件夹和普通文件另外一个区别,也就是文件夹是可以使用os.chdir("file_name")这个命令,而普通文件则显然不行,会出现异常。...可以看到,文件夹已经删除,而没有后缀名普通文件依然存在。 ?...问题2 问题描述:我们如何做到删除一个文件夹空白文件夹,而不删除其他文件呢? ? 可以看出,问题2是问题1进阶版本,只需要在问题1代码基础上,增加一个判断文件夹是否空白语句即可。

    13.3K30

    Unity Editor【Open Folder Panel】- 打开选择文件夹窗口并记录文件夹路径

    如图所示,在Unity Editor编辑器环境下编写这样一个功能:点击“浏览”按钮,打开一个窗口,选择文件夹并记录该文件夹路径: 用到API:EditorUtility类中OpenFolderPanel...: 第二个参数folder:打开窗口时默认路径,例如传入Application.dataPath,则打开时路径为项目工程Assets路径: 第三个参数defaultName:打开窗口时,“文件夹...private static void Open() { //打开窗口 GetWindow().Show(); } //用于记录选择文件夹路径...//文本输入框 用于编辑并展示路径 path = GUILayout.TextField(path); //点击浏览按钮,打开选择文件夹窗口...并用path记录选择结果 if (GUILayout.Button("浏览", GUILayout.Width(50f))) {

    3.4K20

    WPF 使用 Pandoc 把 Markdown 转 Docx 选择文件获取文件文件夹使用资源管理器打开文件夹选择指定文件

    界面很简单,就不告诉大家如何做出这样界面了,现在是来解决一些坑 选择文件 从软件界面看到,可以让用户选择需要转换文件,选择文件可以通过 OpenFileDialog 让用户选择文件...}; if (pick.ShowDialog(this) is true) { // pick.FileName 是选择文件...} 这里 ShowDialog 传入窗口是当前窗口 获取文件文件夹 为了方便用户,在用户输入需要转换文件时候就自动添加转换之后 Word 文件 这里定义 MVVM...private string _docx; private string _pandoc; 通过 Path.GetDirectoryName(_markdown) 可以拿到对应文件文件夹...使用资源管理器打开文件夹选择指定文件 在转换完成之后,让用户资源管理器打开 Word 所在文件夹选择转换 Word 需要用到下面代码 var argument = "/

    1.2K20
    领券