SpringBoot-13-插曲之Node文件重命名+自动生成json对象

简介: 遇到的问题:图片太多,使用起来挺麻烦[1]有很多图片放服务器里,怎么能更好的管理,更方便拿到图片呢?[2]想用json 以一个对象数组的形式保存这些图片:以[{img:"图片名"},{img:"图片名"}....]形式[3]虽说想法是很好,但不可能一条一条自己写吧,好歹咱也是21世纪敲代码的人。

遇到的问题:图片太多,使用起来挺麻烦

[1]有很多图片放服务器里,怎么能更好的管理,更方便拿到图片呢?
[2]想用json 以一个对象数组的形式保存这些图片:以[{img:"图片名"},{img:"图片名"}....]形式
[3]虽说想法是很好,但不可能一条一条自己写吧,好歹咱也是21世纪敲代码的人。
[4]刚好最近学了点node,就拿来小试牛刀。
图片
const fs = require('fs');
const path = require('path');

let result = read('F:/SpringBootFiles/Image');
function read(pathName) {
    let objs = [];
    //读取路径,返回所有文件节点=文件夹+文件
    let filePath = "F:/SpringBootFiles/Image/img.json";//输出路径
    fs.readdir(pathName, (err, files) => {//读文件夹
        for (let file of files) {//遍历文件
            let oldName = path.join('F:/SpringBootFiles/Image', file);//文件旧路径
            let extname = path.extname(file);//文件后缀名
            let basename = path.basename(file,extname);//文件名除去后缀(这里没有到,提一下)
            let newName = rangeChar(16, true) + extname;//新名称,随机获取16个字符
            fs.rename(oldName, path.join('F:/SpringBootFiles/Image', newName), err => {});//重命名

            let obj = {};//定义对象
            obj.img = newName;//该对象img属性为新文件名称
            objs.push(obj);//将对象添到数组中
        }

        fs.writeFileSync(filePath, JSON.stringify(objs), {encoding: 'utf8'})//写入数据
    });

一开始想把乱七八糟的名字都给弄的整齐点,打算用时间戳,但程序跑太快,重名文件就给覆盖了,没办法,写两个函数随机生成任意字符串吧,16个任意大小写字母de组合应该差不多了。这两个函数还挺好用,生成随机字符串。

    function rangeChar(len, hasBig = false) {
        let allLen = 25;
        let chars = ["a", "b", "c", "d", "e", "f", "g",
            "h", "i", "j", "k", "l", "m", "n",
            "o", "p", "q", "r", "s", "t",
            "u", "v", "w", "x", "y", "z"];
        let charsBig = chars.map(item => item.toUpperCase());

        if (hasBig) {
            chars = chars.concat(charsBig);
            allLen = 49;
        }
        let result = [];
        for (let i = 0; i < len; i++) {
            let char = chars[rangeInt(0, allLen)];
            result.push(char);
        }
        return result.join('');
    };

    function rangeInt(s, e) {
        let max = Math.max(s, e);
        let min = Math.min(s, e) - 1;
        return min + Math.ceil(Math.random() * (max - min));
    };

我的springboot已经将访问路径定位到F:/SpringBootFiles/Image文件夹下,访问是成功的,有了json,有了图片名,Ajax拿到数据,加上域名就能用了,不管有几千张,几万张图片,执行一下命令,轻松搞定。

json数据.png
拿到图片路径.png
相关文章
|
1月前
|
存储 JSON 安全
【C++ JSON库 json值的创建手段】深入探究C++中JSON对象定位与操作:从引用到回调函数
【C++ JSON库 json值的创建手段】深入探究C++中JSON对象定位与操作:从引用到回调函数
66 0
|
1月前
|
JSON 前端开发 数据格式
vue-cli3读取本地json文件
vue-cli3读取本地json文件
51 1
|
1天前
|
JSON 关系型数据库 MySQL
node笔记_读取目录的文件
node笔记_读取目录的文件
6 1
|
23天前
|
JSON C语言 数据格式
C语言与lua通过json对象交互
C语言与lua通过json对象交互
17 1
|
24天前
|
JSON 数据格式
Json字符串与QVariantList 对象相互转换
Json字符串与QVariantList 对象相互转换
7 0
|
1月前
|
SQL Java 数据库连接
springboot解析txt文件顺便加到数据库中(nohup文件)
springboot解析txt文件顺便加到数据库中(nohup文件)
112 1
|
1月前
|
存储 JavaScript 前端开发
Spring Boot + Vue: 实现文件导入导出功能
本文介绍了使用Spring Boot和Vue实现文件导入导出的步骤。在后端,Spring Boot通过`MultipartFile`接收上传文件,保存至服务器,并使用`ResponseEntity`提供文件下载。前端部分,Vue项目借助`axios`发送HTTP请求,实现文件选择、上传及下载功能。这种前后端分离的实现方式提高了应用的可维护性和可扩展性。
39 2
|
1月前
|
Java Nacos 数据安全/隐私保护
springboot使用configtree读取树形文件目录中的配置
springboot使用configtree读取树形文件目录中的配置
springboot使用configtree读取树形文件目录中的配置
|
1月前
|
Java Spring
springboot项目读取 resources 目录下的文件的9种方式(总结)
springboot项目读取 resources 目录下的文件的9种方式(总结)
199 1
|
1月前
|
JSON 数据处理 API
盘点Python中4种读取JSON文件和提取JSON文件内容的方法
盘点Python中4种读取JSON文件和提取JSON文件内容的方法
315 0