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

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

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

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

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

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

1.2K40

Node打开选择文件夹弹框

Node打开选择文件夹弹框 前言 用脚手架的那套东西写了一个工具,但是想要一个用Node去打开选择文件夹弹框的效果,来设置操作根目录。但是,Node本身没有这个API。...node执行python脚本 Node本身没有提供打开选择文件夹弹框的API,但是Python的tkinter是有这个功能的。...所以可以用Python写好脚本来打开选择文件夹,然后通过Node来执行python脚本。 Python脚本也是非常的简单。...resolve(result); } }) }); p.then(val => { console.log(val); }) 中文路径问题 python输出中文是会乱码的,所以当我们选择的路径有中文的话...直接双击生成的exe文件,也会打开选择文件夹弹框。 代码也需要修改成执行exe文件,而不再是python文件。

2.8K50

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

到目前 我们已完成:1.先打开对话框2.选择文件夹3.获取文件夹4.得到文件夹(包含子文件夹)的路径5. 获取文件夹(不含子文件夹)内的文件列表 今天我们将解决问题是: 6....获取文件夹(含子文件夹)内的文件列表 【问题】 选择文件夹(含子文件夹)获取所有文件列表 【解决思路】 第【1-3】步:可以用自定义函数(PS:此函数返回要进行是否为空的判断,如果为空要exit sub...) '打开对话框,选择,取得文件夹路径,返回string Function SelectGetFolder() '选择单一文件 With Application.FileDialog...' MsgBox "您选择文件夹是:" & .SelectedItems(1) SelectGetFolder = .SelectedItems(1)...temparr(n) = sff.Path Next GetFolderFiles = temparr End Function 【全部代码】 Sub yhd_ExcelVBA_选择文件夹获取文件列表包括子文件夹

4K21

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

ExcelVBA文件操作-选择文件夹(含子文件夹)获取所有文件列表 【回顾】 近期我们学习了 1.ExcelVBA-打开对话框取得文件夹路径2种方法 2.ExcelVBA文件操作-获得文件夹中的所有子文件夹...3.ExcelVBA文件操作-选择文件夹获取文件列表 到目前 我们已完成:1.先打开对话框2.选择文件夹3.获取文件夹4.得到文件夹(包含子文件夹)的路径5....获取文件夹(含子文件夹)内的文件列表 【问题】 选择文件夹(含子文件夹)获取所有文件列表 【解决思路】 第【1-3】步:可以用自定义函数(PS:此函数返回要进行是否为空的判断,如果为空要exit sub...) '打开对话框,选择,取得文件夹路径,返回stringFunction SelectGetFolder() '选择单一文件 With Application.FileDialog(msoFileDialogFolderPicker...temparr(n) = sff.Path Next GetFolderFiles = temparrEnd Function 【全部代码】 Sub yhd_ExcelVBA_选择文件夹获取文件列表包括子文件夹

59030

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)

44320

win10 uwp 保存用户选择文件夹

如果我们每次打开应用,都从某个文件读取,而这个文件不在应用目录和已知的目录,那么每次都需要用户选择,用户会不会觉得uwp垃圾? 其实垃圾wr给了一个类,我们可以用这个类获得用户选择过的文件、文件夹。...我们可以保存用户选择过的文件和文件夹。...它是如何来的,在我们添加一个文件或文件夹,就会返回的,于是我们要把它保存。 我们先从让用户选择选择文件夹选择文件夹需要 FolderPicker 。...pick.PickSingleFolderAsync(); //做我们的 StorageFolder folder = await folderTask; 我们可以写省一点,让用户选择文件夹...,而我们不做什么 var folder =await pick.PickSingleFolderAsync(); 判断用户选择,如果有选择文件夹,可以看到 folder !

1.2K20

js 实现选择排序及优化

// 选择排序 // 原理:进行 n-1 趟 循环,每趟循环中遍历所有未排好序的数,第一趟循环,从第0个元素开始向后遍历,找到 最小的元素,与第1 一个元素进行交换,第二趟,从第 1 个元素开始向后遍历...找到最小值与第2个元素 进行交换,以此类推 // 从而得出规律,每次遍历元素开始位置为 i+1,并维护每轮循环的最小值的索引,一轮循环结束后,通过最小值的索引获取到最小值,与起始位置交换 // 稳定性:因为选择排序每次找到最小值...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

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

界面很简单,就不告诉大家如何做出这样的界面了,现在是来解决一些坑 选择文件 从软件界面看到,可以让用户选择需要转换的文件,选择文件可以通过 OpenFileDialog 让用户选择文件...} 这里 ShowDialog 传入的窗口是当前的窗口 获取文件的文件夹 为了方便用户,在用户输入需要转换的文件的时候就自动添加转换之后的 Word 文件 这里定义的 MVVM...private string _docx; private string _pandoc; 通过 Path.GetDirectoryName(_markdown) 可以拿到对应的文件的文件夹...使用资源管理器打开文件夹选择指定文件 在转换完成之后,让用户的资源管理器打开 Word 所在的文件夹选择转换的 Word 需要用到下面代码 var argument = "/...explorer.exe", argument); 我将软件放在 csdn 和 github 可以通过点击下面的网站下载 使用 Pandoc 把 Markdown 转 Docx-CSDN下载 软件使用方式 解压缩软件到一个文件夹

1.2K20

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

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

86530

【实战】Vue.js 图标选择组件开发

image.png 设置图标不难,方案就是字体图标,可供使用的图标库也有很多,比如阿里巴巴的 Iconfont,以及 Fontaswsome 等,问题在于如何优雅的提供几百个图标供用户选择,而不需要开发去一个一个的写标签...在组件平级新建一个 index.js 文件 image.png import IconsCompontent from '....,这里是所有组件的集合 image.png 最后一步是在 main.js 中注册: import CustomComponents from '....Popover 是需要鼠标点击其他地方才会隐藏的,选择一个图标后就关闭 Popover 呢,我的做法是:document.body.click()。...原文链接:https://blog.zhangbing.site/2018/12/01/Vue-js-图标选择组件实践/ 作者简介:做工程不做码农(微信公众号同名),Web前端工程师,7年开发经验,坐标杭州

3.2K10

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

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

13.2K30
领券