首页
学习
活动
专区
工具
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.5K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    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.3K40

    Node打开选择文件夹弹框

    Node打开选择文件夹弹框 前言 用脚手架的那套东西写了一个工具,但是想要一个用Node去打开选择文件夹弹框的效果,来设置操作根目录。但是,Node本身没有这个API。...node执行python脚本 Node本身没有提供打开选择文件夹弹框的API,但是Python的tkinter是有这个功能的。...所以可以用Python写好脚本来打开选择文件夹,然后通过Node来执行python脚本。 Python脚本也是非常的简单。...但是,本人想要的效果是只需要下载工具,就能直接使用。而不需要手动修改。所以最好的方案还是在代码上做文章。 最后,功夫不负有心人。找到一个改变标准输入输出的默认编码的方案。...直接双击生成的exe文件,也会打开选择文件夹弹框。 代码也需要修改成执行exe文件,而不再是python文件。

    2.9K50

    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_选择文件夹获取文件列表包括子文件夹

    4.7K21

    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_选择文件夹获取文件列表包括子文件夹

    84030

    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)

    59120

    win10 uwp 保存用户选择文件夹

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

    1.3K20

    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

    js实现下载功能

    /static/xxx.xlsx" download="xxx.xlsx">下载 直接点击可以下载,需要注意的是download属性,当不加download属性时,如果文件格式为txt、pdf、...jpg等浏览器支持直接打开的文件格式,那么不会下载,而是浏览器直接打开;添加download属性之后,就会下载,并且下载文件默认命名为你download属性的值。.../static/xxx.xlsx") window.open("https://download.test.com/postedit/static/xxx.xlsx") 当然,下载的资源可以是本地的,也可以是网上的...3.通过form表单提交的方式(get请求) 动态生成一个form表单,利用表单提交功能实现下载 //url 文件地址 或 接口地址 //data 请求参数:[{key:name,key1:value}...form.appendChild(input) } form.style.display = 'none'; form.method = "GET";//请求方式 form.action = 'url'; //下载文件地址

    2.8K31
    领券