Question

我是Photoshop脚本和javascript的新手。如何通过代码读取Photoshop CS5-C6中活动窗口内的图像并将该图像粘贴到网页DIV中？

仅供参考我是编程的全新手。我的目标是构建一个简单的Mac App原型，其中包含一个运行Web应用程序的包装器。该Web应用程序需要通过TCP连接到Photoshop并读取所选窗口文档中的图像，然后以某种方式将其粘贴到Web应用程序的html中。（Photoshop在编辑菜单中有一个名为'远程连接'的功能，可将Photoshop转换为服务器，并允许任何外部应用程序通过TCP发送javascript来读取/写入Photoshop中的内容）

那么，我该怎么做：

1）通过javascript访问Photoshop over TCP？ 2）如何在活动的Photoshop窗口中获取图像并粘贴到Web应用程序中？

Answer 1

我可能需要一些其他信息来帮助更准确，但如果我理解正确，我会说你在本地计算机上运行代码。

请发布您正在使用的开发环境（Visual Studio，eclipse等）

第一种方法 您需要保存Photoshop图像并将该文件添加到项目中。为了以防万一，我建议先将图像移动到项目文件夹中。

因此，如果您将图像保存为“C：/用户名/图片” - 将其移至“C：/ Documents / Visual Studio 2010 / Projects / MyWebPage”

完成后，只需添加IMG标记和文件路径即可。如果将图像移动到项目文件夹中，则路径应该只是文件名：

<div>
    <img src="myPhotoshopImage.gif" alt="Image">
</div>

您可以在 alt 引号（“”）中添加您喜欢的内容，但这不会影响它的工作方式。您还可以通过添加 height 和 width （这是可选的）来指定尺寸，如下所示：

<div>
    <img src="myPhotoshopImage.gif" alt="Image" height="260" width="420">
</div>

第二种方法 如果您不想担心在项目中管理图像文件，可以选择在线托管它们。

首先，将你的想象保存在photoshop中。然后选择图像托管服务。我建议ImageShack一个简单的开始。我还建议创建一个帐户来跟踪所有内容。

登录ImageShack并转到“媒体上传”标签。单击“浏览”按钮并找到您的图像。单击确定。如果希望图像显示与计算机上显示的图像相同，请确保选中“不调整大小”。最后，点击“立即上传”＆amp; “继续图像链接”在下一页。

您会注意到他们已经为您生成了一个HTML链接，这将起作用 - 但如果点击它也将作为ImageShack的链接。如果你想避免这种情况，只需遵循相同的模式：

<div>
    <img src="http://img541.imageshack.us/img541/2232/123vm.jpg" alt="Image" height="260" width="420">
</div>

您需要对希望嵌入式图像采取的任何其他操作进行一些研究。一个很好的起点是W3Schools。

修改 - 忘记提及...如果您想使用某些javascript函数处理图片，请为图片指定“id”属性：

<img src="something.jpg" alt="whatever" id="headerImage">

您现在可以通过javascript访问该图片：

function foo() {
     var myImage = document.getElementById("headerImage");
     myImage.height = 1000;
     myImage.width = 832;
};

此外，如果您遇到任何问题，请确保您的图片保存为常见文件类型（而不是.psd）

Answer 2

有一个用于连接到名为photoshopConnection

的photoshop的python包装器

您可以做的一件事是从PS获取实际的文件信息，然后将文件本身复制到webapp中。我不认为photoshop服务器支持您想要的流媒体数据。

在Photoshop中读取activeDocument并将其发送到网页或剪贴板API

2 个答案: