首页 > 其他分享 >文件批量重命名之在线版本-前端的本地文件操作

文件批量重命名之在线版本-前端的本地文件操作

时间:2023-12-28 22:11:45浏览次数:37  
标签:重命名 文件 浏览器 前端 move 本地 工具 文件批量

批量文件重命名是一个低频但时不时又会遇到的需求,非常适合在线工具的形式,即用即走。

搜索了一圈,没有发现可以直接实现这个功能的网站,不过找到了相关的 API

FileSystemFileHandle.move() for local files - Chrome Platform Status

Chrome 于 111 版本(2023年3月)添加了 move 这个API ,可以直接对本地文件进行重命名,目前 MDN 上还没有文档。

在线体验:https://rename.jgrass.xyz/
Github: JasonGrass/rename: 在线文件批量重命名

感叹于浏览器的能力边界越来越大了,加上 webassembly ,估计以后很多功能都可以直接在浏览器上实现了。

关于更多本地文件操作的支持,可以看这里:File System Access API:简化对本地文件的访问  |  Capabilities  |  Chrome for Developers

主要的问题

FileSystemFileHandle.move 方法对文件进行重命名时,会更改文件的“修改时间”,而手动重命名或使用本地重命名工具,不会有这个问题。在部分场景下还是会造成困扰。

不知道这个算不算 BUG,在 Add FileSystemHandle.move method by a-sully · Pull Request #10 · whatwg/fs 这里提交了反馈,但是不知道有没有提交对地方。

标签:重命名,文件,浏览器,前端,move,本地,工具,文件批量
From: https://www.cnblogs.com/jasongrass/p/17933691.html

相关文章

  • 前端那些好用的CSS/JS网站
    ......
  • vue前端node内存溢出问题解决
    前端项目运行时,如果经常运行慢,崩溃停止服务,报如下错误:FATALERROR:CALL_AND_RETRY_LASTAllocationfailed-JavaScriptheapoutofmemory(JavaScript堆内存不足) 原因:因为在Node中,通过JavaScript使用内存时只能使用部分内存(64位系统:1.4GB,32位系统:0.7GB),这个时候,如......
  • 移动端手写板 + 模态框 + 弹框,前端监听移动端返回按钮
    今天的需求是把全屏的手写板改为同一个页面只占半屏的手写板,本来用的iframe,后面发现笔触和屏幕按下的位置不一样,然后用了jQuery的$.load(),发现用$.load会导致文件中的js不执行,后面还是重新开始,在同文件重新写了一个canvas手写板,然后发现了,canvas在全屏的时候没问题,在容器......
  • 前端发送请求的时候 Content-Type 内容分类, django后端分别怎么接收
    前端发送请求时,常见的Content-Type内容类型包括:application/x-www-form-urlencoded这是最常见的内容类型,用于发送键值对形式的数据。数据被编码为URL查询字符串格式。Django后端可以通过request.POST来接收这些参数。multipart/form-data通常用于文件上传的表......
  • spring MVC 后端 接收 前端 批量添加的数据(简单示例)
    <%@pagecontentType="text/html;charset=UTF-8"language="java"%><html><head>  <title>Title</title></head><body><scriptsrc="${pageScope.request.ContextPath}/js/jquery-3.3.1.min.js&qu......
  • 前端上传图片到EOS
    最近个人小项目中用到了移动云的EOS服务,需求是前端直接上传图片到移动云的EOS,将返回的图片URL作为参数传给后端,步骤如下:1、安装依赖:cnpmiaws-sdk2、指定访问权限:1//创建plugins/aws.js文件2constAWS=require('aws-sdk')34exportconsts3=newAWS.S3({......
  • layui之静态表格的分页及搜索功能以及前端使用XLSX导出Excel功能
    LayUI官方文档:https://layui.dev/docs/2/#introduceXLSXNPM地址:https://www.npmjs.com/package/xlsxXLSX 使用参考文档:https://juejin.cn/post/7003153489920524301https://blog.csdn.net/qq_20805455/article/details/1222297621、在官方网站上下载layui压缩文件解压后选......
  • 袋鼠云数栈前端从 Multirepo 到 Monorepo 研发效率提升探索之路
    我们是袋鼠云数栈UED团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。本文作者:星野困境频生前端代码管理何解?前端代码管理一直是困扰着不少前端开发团队的难题,从开发到发布的整体工作流程中,除了常规的技术问题外,往......
  • 解决前端vue2报错 Error: Can't resolve cache-loader和Error: Can't resolve babel-l
    总得说来报这种Error:Can'tresolve+模块名字的错误,一般就只有两种原因:一、少了这个包(直接安装:pnpmadd-D模块名字@版本),二、有这个包,但是版本在package.json中不正确。需要和你的vue/cli-service的版本对应上,该降级的时候降级,降级一般先删除再安装新的pnpmremovecss-loaderpn......
  • 现在前端的框架
    你现在开发android,ios,小程序用什么工具,怎么开发的?还在单个端的开发吗?今天我们主要讨论的是一次开发多端使用的技术,也是这两年比较流行的开发方向。现在的终端太多了,app两个端android和ios,小程序有微信,头条,百度,支付宝,还有wap端,如果你每个端都开发一次,成本太高了,所以一次开发解决......