当前位置：首页 > backend >正文

＜PhotoShop＞＜JavaScript＞＜脚本＞基于JavaScript，利用脚本实现PS软件批量替换图片，并转换为智能对象？

backend 2025/8/6 18:03:59

前言

PhotoShop软件支持JavaScript脚本，来扩展软件的功能，官方本身也提供了一些常用脚本，如图像处理等，同时也支持自定义的JavaScript脚本。

环境配置

系统：windows
平台：visual studio code
语言：JavaScript
软件：PhotoShop 2022
版本：23.2.1

概述

本文利用JavaScript语言来编写一个脚本，实现自动导入文件夹，替换图片，并自动转换为智能对象。支持两种替换方式，一种是按名称替换，一种是按索引替换。

1、本文使用的PhotoShop软件是PhotoShop 2022，版本为23.2.1。
2、由于PhotoShop版本比较多，不同版本之间的脚步指令可能不兼容。

1、PS软件如何使用脚本？

如果要加载脚本，可以打开PS软件，在菜单选择：文件——脚本——浏览：
在这里插入图片描述
然后可以加载写好的脚本文件，脚本文件包括.js和.jsx两种后缀的文件。

2、实现文件夹加载和自动替换功能

PS脚本中提供了一些常见的元件，比如文件操作，如果我们想要打开一个文件夹，可以使用以下指令：

//添加一个文本框
var sourceInput = sourceGroup.add("edittext", undefined, "",{multiline:true,readonly:true});
//选择文件夹
var inputFolder = Folder.selectDialog("请选择包含图片的输入文件夹");
if (!inputFolder) {alert("未选择文件夹，操作已取消。");
}
//文本框显示已经选择的文件夹路径
sourceInput.text = inputFolder.fsName;

当我们获取了文件夹路径后，就可以对文件夹进行遍历：

/*** * @param {Folder} folder * @returns */
function getImageFilesFromFolder(folder) {var supportedExtensions = ["jpg", "jpeg", "png", "psd", "tif", "tiff"]; // 可扩展var fileList = folder.getFiles();var imageFiles = [];for (var i <