Inspiring

Question

Example of Image to Text Extendscript code

Forum|Forum|5 years ago
March 3, 2020
3 replies
2994 views

The Extendscript code below will take a png file and output it as a txt file for you to copy the contents into your Scriptui code where an image is desired.

// extendscript to copy image to text for use in storing info within the jsx file
// RONC 03 Mar 2020
// image2txt.jsx
/**
* @@@BUILDINFO@@@ image2txt.jsx !Version! Tue Mar 03 2020 05:52:11 GMT-0600
*/

// Instead of using:
//  var iconFile = new File ("C:/Users/RECHM/Dropbox/$$-SYNC/$$-Scripts/__SC-Save/TestKey2.png");
// Use:
//  Contents of the output txt file which is var iconFile = "...  ....";

//  Must use / rather than \ in file info !!!

// these eight parameters control the input, changes made, and output 
//
var inputFilePath = "C:/Users/RECHM/Dropbox/$$-SYNC/$$-Scripts/__SC-Save/";
var inputFileName = "TestKey2";
var inputFileExt = ".png";

var varText = "var iconFile = ";  //  set to "" if not desiring the jsx info
var varEnd = ";";  //  set to "" if not desiring the jsx info

var outputFilePath = "C:/Users/RECHM/Dropbox/$$-SYNC/$$-Scripts/__SC-Save/";
var outputFileName = "TestKey2";
var outputFileExt = ".txt";


// read image 
var infile = File(inputFilePath + inputFileName + inputFileExt);
infile.open("r");
infile.encoding = "binary";
var temp = infile.read();
infile.close();

if (temp.length === 0)
{
    alert("input error");
}

// output converted to txt
var outfile = File(inputFilePath + "work" + ".txt");
outfile.open("w");
outfile.write(temp.toSource());
outfile.close();

// read work file
var infile2 = File(inputFilePath + "work" + ".txt");
infile2.open("r");
infile2.encoding = "binary";
temp = infile2.read();
infile2.close();

infile2.remove();

// remove beginning and trailing characters
var temp2 = temp.replace("(new String(", varText);
temp = temp2.replace("))", varEnd);

// output to final txt file ready for copying to jsx code
var outfile2 = File(outputFilePath + outputFileName + outputFileExt);
outfile2.open("w");
outfile2.write(temp);
outfile2.close();

alert("Input file:\n" + inputFilePath + inputFileName + inputFileExt + "\nwritten to Output file:\n" + outputFilePath + outputFileName + outputFileExt);

Please comment.

RONC

This topic has been closed for replies.

willcampbell7

Legend

Seems there is an easier way: use File encode/decode. To give credit where credit is due, I got the idea from the ScriptUI Dialog Builder website (https://scriptui.joonas.me/)

This encodes the binary then chunks it so the lines aren't too long (VS Code complains). And assign the result to 'var image =' while at it. Chunking gets tricky if using toSource() but works fine with URL encoded content. Copy the result and paste into a script. Then to use, drop in the variable 'image' (or whatever you want to call it)

var button = g.add("iconbutton", undefined, image);

// Encode Binary.jsx
var file = File.openDialog();
if (file) {
    file.open("r");
    file.encoding = "binary";
    var binary = file.read();
    file.close();
    var encoded = File.encode(binary);
    var chunks = encoded.match(/.{1,78}/g);
    file = new File(file.fullName.replace(/\..+$/, ".txt"));
    file.open("w");
    file.write("var image = File.decode(\r");
    for (var i = 0; i < chunks.length - 1; i++) {
        file.write("\"" + chunks[i] + "\" +\r");
    }
    file.write("\"" + chunks[i] + "\"\r);\r");
    file.close();
}
alert("Done");

William Campbell

L

Lumigraphics

Legend

I have code to convert files to base64 and then back. Nothing special, easy to do with system calls. There is no real need for it though.

rechmbrsAuthor

Inspiring

Lumigraphics,

Thanks for the response.

I put this together based on recommendations I found in the docs for how to do this. I combined the manual step of removing the two strings while copying from the text editor and pasting into the Scriptui source code you are building. It is a staight select all, copy, and paste now.

You might explain how base64 fits into this as it is not mentioned in any of the docs that I read.

RONC

L

Lumigraphics

Legend

Do not hesitate to post a link to this thread in the exchange forum as well !

I haven't had time but I'm going to release some functions as .jsxinc files so they can easily be added to a project. One of those is a Base64 encode/decode module. I have seen self-contained ones but mine use system calls.

Kukurykus

Legend

You may get rid of:

var temp2 = temp.replace("(new String(", varText);
temp = temp2.replace("))", varEnd);

Then in final script use the content of .txt file:

str = (new String("yourVeryLooooooooooooooooooooooooooooooooooooooongPNGcode"));
(win = new Window('dialog')).add('iconbutton', undefined , '' + str), win.show()

rechmbrsAuthor

Inspiring

K,

The two statements

var temp2 = temp.replace("(new String(", varText);
temp = temp2.replace("))", varEnd);

remove the string "(new String(" and "))" that surround the image. Those strings are added the toSource() function. In my test, I had to remove them for reading an image as text by Scriptui.

RONC

Kukurykus

Legend

For same effect you don't have to remove them, just copy to .jsx file and assign to variable.

Not as "(new String("PNGcode"))" but (new String("PNGcode")) (so without quotation marks).

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded