Upload Files With Forms

How do you make it easy for clients to upload artwork files with forms?

upload files with forms

My client creates Challenge Coins for his customers. He wanted his clients to be able to upload artwork from their computer when submitting the request a quote form from his web site. The artwork files are usually sent as .jpg. .gif, .png files.

This means his clients won’t have to send their artwork in a separate email plus it saves them time. The client simply browses to the file on their computer and submits the form.

To upload a file with a form, two things are required.

1. The attribute enctype=”multipart/form-data” in the form tag to tell the browser what type of data is coming.

2. A type=”file” form field so the form user can specify the file to upload.

Steps to create the form

1. Install and configure Master Form V4

Read these 2 articles…

How to Install and Configure Master Form v4 – Part 1

How to Install and Configure Master Form v4 – Part 2

2. Edit email template

Add this code to your email template then upload it to the server where your template resides.


[[if_afile]]Uploaded file name: [[afile]]
[[/if_afile]]

3. Edit the request a quote form

Add this code to your form then upload it the root folder on the server where your web site files are.


<form enctype="multipart/form-data" method="POST" action="http://www.domain.com/cgi-bin/MasterFormV4.cgi">


<input type="file" name="file1" size="33" accept="image/*" maxlength="256">

4. Test the form to see if it’s working correctly.

Here’s an example of the Unit Coins Quote Request Form in action.

Resources
Uploading files with forms

Saving uploading files on the server

*****************************
To pick a copy of this Secure CGI Mail Form that is Hijack-Proof visit
Master Form V4

Comments

  1. thank x

  2. thank x this is very useful ….

Leave a Reply to savapokhari Cancel reply

*