PhotoShop给图片自动添加边框及EXIF信息的JS脚本_javascript技巧

作为一名“摄影爱好者”（好吧我承认我不太合格，我才玩摄影没几天-_-!!）总有一件事情避免不了，就是让照片带上EXIF的参数，虽然本人的部落格已经安装了插件可以显示出EXIF信息，但是感觉插件还是不太给力，此外还要考虑到一些综合的操作，比如批量的调整大小，增加版权信息等等。

当然，好在我们还要PS，我们还可以写PS的脚本让他来按照我们的想法来进行某些操作：）嘿嘿，从无忌论坛的一个帖子找到了一个PS脚本，按照自己的想法略加了一些修改（主要是时间，镜头识别，以及焦距识别）效果图见题图。有了脚本就方便许多了，比如你想要批量的增加EXIF边框，那么很简单，录制个动作，然后批处理运行这个动作就好啦：）

最后，附上这个脚本：

displayDialogs = DialogModes.NO;
var defaultRulerUnits = preferences.rulerUnits;
preferences.rulerUnits = Units.PIXELS; 

//将一个长字串分解成单个字符串
function explodeArray(item) {
	var i=0;
	var Count=0;
	var tempString=new String(item);
	tempArray=new Array(1); 

	do{
		i=tempString.indexOf(":");
		if(i>0)
			tempString=tempString.substr(i+1,tempString.length-i-1);
		i=tempString.indexOf(">");
		if(i>0)	{
			tempArray[Count]=tempString.substr(0,i);
			tempString=tempString.substr(i+1,tempString.length-i-1);
			Count ++;
		}
		i=tempString.indexOf("<");
		if(i>0) {
			tempArray[Count]=tempString.substr(0,i);
			tempString=tempString.substr(i-1,tempString.length-i+1);
			Count ++;
		}
	}while (tempString.indexOf("</x:xmpmeta>")>0);

	tempArray[Count]=tempString;
	return tempArray;
} 

var i=0;
var j=0;
var k=0;
var pResulotion=72;
var AD="";
var resRatio="";
var imageRatio="";
var dateArray1="";
var dateArray2="";
var monthsArray="";
var exposureProgramArray="";
var phoDate="";
var phoTime="";
var photoWidth="";
var photoHight="";
var exifData="";
var black="";
var white="";
var grey="";
var fWidth="";
var fHight="";
var tSize="";
var tLeft="";
var tHight="";
var infoLayer="";
var TI="";
nameLayer="";
var TN="";
var stringTemp="";		//临时字串
var make="";			//相机公司
var model="";			//相机型号
var camera="";			//相机
var lens="";			//镜头类型
var lensUsed="";		//使用的镜头
var focalLength=""; 		//焦距
var exposureTime=""; 		//快门
var fNumber="";			//光圈
var ISOSpeedRatings="";		//ISO设置
var dateTimeOriginal="";	//拍摄时间
var exposureBiasValue="";	//曝光补偿
var exposureProgram="";		//曝光程序模式
var fired=""; 			//闪光模式
//改成你自己想写的，比如版权所有和你自己的网名等
//如果为空，将采用相机设置的名字

var creator="Photo By Kaisir";	//拍摄者

AD = activeDocument; 

//Aglin 编制了自动改变图象大小为网上交流大小的代码，
//稍加修改，如果宽窄任一边大于1000，就自动剪裁
//这里最长边为750，最短边为500
//请根据自己相机拍出来的图像比例设置长宽比
//如果不用可以去掉
//--------------------------------------------
var resizeMax=1024;
var resizeMin=678;
if(AD.width.value > 1500 || AD.height.value > 1500) {
	imageRatio = AD.width.value/AD.height.value;
	if(imageRatio>1)
		AD.resizeImage(resizeMax,resizeMin,pResulotion,ResampleMethod.BICUBICSHARPER);
	if(imageRatio==1)
		AD.resizeImage(resizeMax,resizeMax,pResulotion,ResampleMethod.BICUBICSHARPER);
	if(imageRatio<1)
		AD.resizeImage(resizeMin,resizeMax,pResulotion,ResampleMethod.BICUBICSHARPER);
}
//--------------------------------------------

resRatio = AD.resolution/pResulotion;
if(resRatio!=1){
	AD.resizeImage(AD.width.value,AD.height.value,pResulotion);
} 

photoWidth = AD.width.value;
photoHight = AD.height.value; 

//获取RAW保存的信息
exifData = AD.xmpMetadata.rawData.toString();

//将EXIF信息分成单个的相关信息
explodeArray(exifData); 

//Photoshop CS获取EXIF信息

//快门速度
for(n = 0; n < tempArray.length; n ++)
{
	stringTemp=tempArray[n];
	if(stringTemp.indexOf("ExposureTime")!=-1)
	{
		exposureTime = tempArray[n+1];
		break;
	}
}

//光圈大小
for(n = 0; n < tempArray.length; n ++) {
	stringTemp=tempArray[n];
	if(stringTemp.indexOf("FNumber")!=-1){
		fNumber = tempArray[n+1];
		break;
	}
}

//曝光程序模式
for(n = 0; n < tempArray.length; n ++) {
	stringTemp=tempArray[n];
	if(stringTemp.indexOf("ExposureProgram")!=-1){
		exposureProgram = tempArray[n+1];
		break;
	}
}

//曝光补偿
for(n = 0; n < tempArray.length; n ++) {
	stringTemp=tempArray[n];
	if(stringTemp.indexOf("ExposureBiasValue")!=-1){
		exposureBiasValue = tempArray[n+1];
		break;
	}
}

//闪光模式
for(n = 0; n < tempArray.length; n ++) {
	stringTemp=tempArray[n];
	if(stringTemp.indexOf("Fired")!=-1){
		fired = tempArray[n+1];
		break;
	}
}

//拍摄日期、时间
for(n = 0; n < tempArray.length; n ++) {
	stringTemp=tempArray[n];
	if(stringTemp.indexOf("DateTimeOriginal")!=-1){
		dateTimeOriginal = tempArray[n+1];
		break;
	}
}

//使用焦距
for(n = 0; n < tempArray.length; n ++) {
	stringTemp=tempArray[n];
	if(tempArray[n]=="FocalLength"){
		focalLength = tempArray[n+1];
		break;
	}
}

//ISO设置
for(n = 0; n < tempArray.length; n ++) {
	stringTemp=tempArray[n];
	if(stringTemp.indexOf("ISOSpeedRatings")!=-1){
		ISOSpeedRatings = ", ISO "+tempArray[n+5];
		break;
	}
}

//使用镜头类型
for(n = 0; n < tempArray.length; n ++) {
	stringTemp=tempArray[n];
	if(tempArray[n]=="Lens"){
		lens=tempArray[n+1];
		break;
	}
}

//相机厂商
for(n = 0; n < tempArray.length; n ++) {
	stringTemp=tempArray[n];
	if(stringTemp.indexOf("Make")!=-1){
		make = tempArray[n+1];
		break;
	}
}

//相机型号
for(n = 0; n < tempArray.length; n ++) {
	stringTemp=tempArray[n];
	if(stringTemp.indexOf("Model")!=-1){
		var model = tempArray[n+1];
		break;
	}
}
//对于有的相机型号不包括制造商部分
//camera = make+model;
//对于有的相机型号包括制造商部分
camera = model; 

//相机所有者
for(n = 0; n < tempArray.length; n ++) {
	stringTemp=tempArray[n];
	if(stringTemp.indexOf("creator")!=-1 && creator==""){
		creator = tempArray[n+5];
		break;
	}
}

//检查快门速度
dateArray1 = exposureTime.split("/");
j = dateArray1[0];
i = dateArray1[1];
if(j/i>=1)
	exposureTime=parseInt(j/i)+"."+(j-parseInt(j/i)*i);
else
{
	i=parseInt(i/j);
	j=1;
	exposureTime=j+"/"+i;
}

//计算光圈大小
dateArray1 = fNumber.split("/");
i = dateArray1[0];
j = dateArray1[1];
if(j>1)
	fNumber=i/j;
else
	fNumber=i;

//曝光补偿换算成小数
dateArray1 = exposureBiasValue.split("/");
i = dateArray1[0];
j = dateArray1[1];
exposureBiasValue=i/j;

//小数点后面保留2位，就*100/100，保留一位，就*10/10
//这里保留了2位，20D可以不要这两行
if(exposureBiasValue!=0)
	exposureBiasValue=parseInt(exposureBiasValue*100)/100;

if (exposureBiasValue > 0)
	exposureBiasValue="+"+exposureBiasValue;

//确定曝光程序模式
exposureProgramArray = ["未定义",
	"Manual",
	"Normal Program",
	"Aperture Priority",
	"Shutter Priority",
	"Creative Program",
	"Action Program",
	"Portrait Mode",
	"Landscape Mode"];
exposureProgram = exposureProgramArray[exposureProgram];

//检查闪光模式
dateArray1 = fired;
if(dateArray1.indexOf("True")!=-1)
	fired="FlashOn";
else
	fired="FlashOff";

//检查焦距
dateArray1 = focalLength.split("/");
i = dateArray1[0];
j = dateArray1[1];

focalLength=parseInt(i/j);

//改变日期格式
dateArray1 = dateTimeOriginal.split("T");
phoDate = dateArray1[0];
phoTime = dateArray1[1];
dateArray2 = phoDate.split("-");
monthsArray =["1",
	"2",
	"3",
	"4",
	"5",
	"6",
	"7",
	"8",
	"9",
	"10",
	"11",
	"12"];
phoDate = dateArray2[0]+"-"+monthsArray[dateArray2[1]-1]+"-"+dateArray2[2];
dateArray2 = phoTime.split("+");
phoTime = dateArray2[0];

//你有什么镜头，就根据镜头和最大焦距改吧

if(lens != "") {
	if(lens.indexOf("17.0-40.0 mm")!=-1)
		lensUsed = "Canon 17-40mm F4L USM";
}
//如果没有镜头信息，就使用原来的办法比较
else {
	var focLength=parseInt(focalLength);
	lensUsed="18-55mm 1:3.5-5.6G";
//	if(focLength>=17 && focLength<=40)
//		lensUsed = "Nikon";
//	if(focLength>=70 && focLength<=200)
//		lensUsed = "Nikon";
//	if(focLength=="85")
//		lensUsed = "Nikon";
//	if(focLength=="100")
//		lensUsed = "Nikon";
}

//画线和框
//定义黑色，你也可以定义其他颜色哟
black = new SolidColor();
black.rgb.red = black.rgb.green = black.rgb.blue = 0; 

//定义白色，你也可以定义其他颜色哟
white = new SolidColor();
white.rgb.red = white.rgb.green = white.rgb.blue = 255; 

//定义灰色，你也可以定义其他颜色哟
grey = new SolidColor();
grey.rgb.red = grey.rgb.green = grey.rgb.blue = 50; 

//加入一条白线
backgroundColor = white; 

//如果改为黑线
//backgroundColor = black; 

//白线宽窄设为2或4，两边，实际宽度除以2
AD.resizeCanvas(AD.width.value+2,AD.height.value+2,AnchorPosition.MIDDLECENTER); 

//加入灰框
//backgroundColor = grey; 

//加入黑框
backgroundColor = black; 

//如果改为白框
//backgroundColor = white; 

//边框宽度和高度,这里将黑框宽窄设为图片宽度的1/40，两边，实际宽度再除以2
fWidth = parseInt(photoWidth/40);
fHight = parseInt(photoWidth/40);

//加框
AD.resizeCanvas(AD.width.value+fWidth,AD.height.value+fHight, AnchorPosition.MIDDLECENTER); 

//底部再加宽点，便于写字
AD.resizeCanvas(AD.width.value,AD.height.value+fHight+fHight+fHight,AnchorPosition.TOPCENTER); 

//标字和参数
nameLayer = AD.artLayers.add();
nameLayer.kind = LayerKind.TEXT;
TN = nameLayer.textItem; 

TN.contents = creator;

//版权字体、字号、颜色和加粗等
TN.font = "STXingkai"; 

//右对齐
TN.justification = Justification.RIGHT;

//字号
tSize = parseInt((fWidth+10)/2);

//字体左边距和下边距
tLeft = photoWidth;
tHight = photoHight-fHight+tSize;

//标字的位置
TN.position = [tLeft,tHight];

TN.size = tSize+4;
TN.color = white; 

//如果为白框，字体为黑色
//TN.color = black; 

TN.fauxBold = true; 

infoLayer = AD.artLayers.add();
infoLayer.kind = LayerKind.TEXT;
TI = infoLayer.textItem; 

//右对齐，如果左对齐可以省略下面这行
TI.justification = Justification.RIGHT;

tHight = photoHight+fHight+tSize;

//标字的位置
TI.position = [tLeft,tHight];

//显示：相机型号，镜头，焦距，曝光时间，光圈，ISO设置，拍摄日期等

TI.contents = camera+", "+lensUsed+" @"+focalLength+"mm,"+exposureTime+"Sec,F/";
TI.contents = TI.contents+fNumber+", EV "+exposureBiasValue+ISOSpeedRatings;
//如果对曝光程式不感兴趣，请去掉下面行
TI.contents = TI.contents+", "+exposureProgram+", "+fired;
TI.contents = TI.contents+"\u000D"+phoDate+" "+phoTime;

//字体、字号、颜色等
TI.font = "黑体";
//TI.font = "Arial"; 

TI.size = tSize;
TI.color = white; 

//如果为白框，字体为黑色
//TI.color = black; 

TI.fauxBold = true;

AD.flatten(); 

//-------------

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索图片
， photoshop
， js脚本
， exif信息
自动添加边框
exif javascript、photoshop exif、photoshop 保留exif、photoshop exif信息、ps exif 脚本插件，以便于您获取更多的相关知识。

时间： 2024-12-02 22:26:41

PhotoShop给图片自动添加边框及EXIF信息的JS脚本_javascript技巧的相关文章

js鼠标点击按钮切换图片-图片自动切换-点击左右按钮切换特效代码_javascript技巧

今天来分享一下鼠标点击按钮,图片进行切换+图片自动切换+点击左右按钮图片进行切换的三种效果的组合代码. 最后的效果如下:     Html代码部分: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus"> <

wap浏览自动跳转到wap页面的js代码_javascript技巧

如何让用户输入wap手机网站的网址时自动跳转到wap网站 ?wap页面自动跳转的实现方式 ?如何判断访客是否是移动设备访问,自动跳转到wap页面 ?手机自动跳转到手机页面,一个网址区分普通访问与手机访问 ?手机访问网站域名时如果实现自动跳转到wap页面 ? 本文就可以解决这些问题! 复制代码 代码如下: function is_mobile() {     var regex_match = /(nokia|iphone|android|motorola|^mot-|softbank|foma|

ie6下png图片背景不透明的解决办法使用js实现_javascript技巧

我们时常在使用png图片的时候,在ie6下发生背景不透明的问题,下面给大家介绍下一个js解决的方式. 首先我们要用到一个js,代码如下: 复制代码 代码如下: /** * DD_belatedPNG: Adds IE6 support: PNG images for CSS background-image and HTML <IMG/>. * Author: Drew Diller * Email: drew.diller@gmail.com * URL: http://www.diller

等待指定时间后自动跳转或关闭当前页面的js代码_javascript技巧

复制代码 代码如下: //指定时间之后跳转 <script language="javascript"> function go( ) {//定义函数 window.location="main.html";//页面跳转 } window.setTimeout("go()",1000);//1秒后执行函数go </script> //指定时间之后自动关闭 <script type="text/javascr

picpick截图之后自动添加边框教程

  让picpick截取图片后自动添加边框的方法: 1.下载病安装picpick; PS:绿色版,解压后直接使用,无需安装,不写入注册表--电脑永不卡!建议,将应用程序发送到桌面快捷方式. 2.打开该软件--右击任务栏的它--程序设置; 3.快捷键--很多种截图方式:矩形.全屏.区域.活动窗口等,如首图; 先将[矩形.活动窗口]设置了,其他的有需要的话自己摸索. 4.设置好后,按下刚才设置的热键,截图后会出现在一个图像编辑器里,你可以在此[旋转.矩形选中.文字.橡皮擦](这些,QQ截图时都是先做

picpick截图之后自动添加边框

  让picpick截取图片后自动添加边框的方法: 1.下载病安装picpick; PS:绿色版,解压后直接使用,无需安装,不写入注册表--电脑永不卡!建议,将应用程序发送到桌面快捷方式. 2.打开该软件--右击任务栏的它--程序设置; 3.快捷键--很多种截图方式:矩形.全屏.区域.活动窗口等,如首图; 先将[矩形.活动窗口]设置了,其他的有需要的话自己摸索. 4.设置好后,按下刚才设置的热键,截图后会出现在一个图像编辑器里,你可以在此[旋转.矩形选中.文字.橡皮擦](这些,QQ截图时都是先做

Photoshop为照片自动添加文字水印

对于照片上的水印,人们有各种不同的看法.无论如何,事实上添加水印是保护自己作品的一个好办法,大部分摄影师都认为它很有效.虽然Lightroom或Aperture等软件都有内置的加水印功能,不过本文将向大家介绍一种非常简单的,利用Photoshop自动为照片加水印的方法. Step 1. 选择水印 水印的形式可以有很多种,笔者比较喜欢在照片右下角以简单的文字说明做水印.当然还有很多更高级,更完善的水印,不过有时它们会影响照片的整体美观. 我们的第一步就是选择一种水印形式.这里我们选择文字"Copy

WordPress给文章图片自动添加链接

图片自动链接到文章,添加标题和ALT属性 直接将下面的代码添加到主题的 functions.php 文件即可:  代码如下 复制代码 function auto_post_link($content) {  global $post;         $content = preg_replace('/<s*imgs+[^>]*?srcs*=s*('|")(.*?)\1[^>]*?/?s*>/i', "<a href="".get_pe

将内容自动添加到指定文本域的JS

js 在添加新记录时,有时候我们需要将部分动态内容自动添加到指定的文本域,例如上传一个文件后,将文件名自动添加到一个独立的记录框内,以ASP代码为例,以下代码实现了此功能. <% if request.querystring ("upload") <> "" then %><script>window.opener.mainform.content.value+='<img>uploadfiles/<%=Uplo