Link to home
Start Free TrialLog in
Avatar of drunk_irishman

asked on

Show PDF preview on the fly

Need some ideas on how best to accomplish my goal, we are a printing company and are trying to set up a site for our clients to be able to order business cards.  We'd like to show them a template (.jpg or pdf for now) of what their card looks like with XXXXXX's where name, title, email, etc. appear.  They would then be prompted to enter their information into cooresponding text boxes, hit a preview button and get a preview of what their businees card will look like.  They'd then be able to approve it or change/preview again.  We'd then like to be able to send the high res PDF directly to a hot folder where the printer is looking for it....thereby never needing a prepress person to touch it.

I've seen some HTML to PDF converters out there, but we can't seem to get a working version of a business card into HTML form.  Also, tried XML with no luck.  My prepress guys are working in InDesign to create the business card template and exporting to HTML.  If you have any ideas, please let me know, I'd like to stay away from using CSS to place the text on the image because that won't result in a high res PDF for printing.

Avatar of chapmanjw
Flag of United States of America image

If you wanted to do a completely in-house coded solution, you are limited to the PDF generation techniques available, such as:

I have also seen a couple of organizations use Press Sense ( to do this as they offer a web application specializing in online ordering of print materials.  It's a commercial product, but it does the job well.
Avatar of mrichmon

We have used PDF sharp for generating PDFs.  You should make sure that the version you generate for preview is NOT the high-res version - or what is to stop the person from just taking that file.

Then when they click approve you generate the second high-res version you send to the printer.
Avatar of Espavo
Flag of South Africa image

Link to home
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of drunk_irishman


From what I can tell might be a little too limited for what I need to do.  It appears as though rather than replacing XXXX's in the template with the text the user provides, I will need to generate an entirely new file (ie.  Previously we created a program that would take a InDesign file in .INX format and be able to replace text within that, but that would require some human interaction to convert from .INX to least that's what my prepress guys tell me.

As for the high-res version, I think I would probably use a watermark of some kind except for the version that goes to print, thanks for keeping that in mind.
You can use iText. But still you have to create the file on the server first, for instance in a temp folder.
Let me know if you want some sample code, I can give it to you easily.
Eddie, I am downloading iTextSharp now.  If you do have any sample code, it would be greatly appreciated.
Ok, I was able to use ABCpdf to do what I my only other request is:

Does anyone know a way for me to convert the PDF to a JPEG in order to show the user a preview of their business card?  I could show them the PDF but it's a fillable PDF form and therefore would give them the feeling they could type into it and make changes....I want all changes made in the web page form (textboxes, check boxes, etc).  Anyone have any ideas?

sorry drunk, missed your request.

I would suggest you do the same as you did with the PDF. Generate a JPG on the fly.