Create a Website to Upload and Download Files

• Print tutorial

Universal E-mail 4 has all the file manipulation functionality previously included in Digital File Pro. This functionality allows you to employ file upload behaviors, file download behaviors, and the ability to delete or rename files from your server. It is at present included in the Data Span bundle.

This tutorial runs you lot through using the File Upload and File Download functionality institute in Universal E-mail.

1. Dreamweaver CS3 or afterwards
   
2. Universal E-mail iv
   
3. PHP page
   
4. Database connection (required for counter in digital download section)

Universal Email'south File Upload behavior is the nearly mutual of the File Manipulation features constitute in this extension. Hither you lot can specify upload restrictions, determine where the file is stored, and what file types tin can be uploaded.

Footstep 1: Create the File field

Your PHP folio must have a file field to allow the user to browse for a file to be uploaded. Follow these steps to add a class field to your page, or utilise CSS Form Builder to create a course that contains a file field prior to standing with this tutorial.

1. With your dynamic page already open, choose the File field option from Forms category of the Insert bar.
   
2. In the ID field enter 'upload'.
   
3. In the Label field enter 'Upload File'.
   
4. These are recommended IDs and Labels, feel gratis to specify something different.
   
5. Click OK.
   
6. If your cursor was non already inside a class tag, you will be asked to create one. Click Yes in this case.
   
7. Place your cursor below the File field to create a Submit button.

   You can create as many class fields as you like. Here we volition but cover the single Upload field.

   
   
8. From the Insert menu, choose Form > Push button.
   
9. In the ID field enter 'submit'.
   
10. Exit the Label field bare.
    
11. Click OK.
    
12. Press Ctrl (Cmd) S to save your page.

One time you have created a file field on your PHP page, yous can apply the Upload beliefs.

1. From the Insert card choose WebAssist > File Manipulation > Upload.
   
2. From the Trigger menu, cull Push: Submit pressed.
   
3. From the File Field menu, choose the File field, upload, that we but created.

   Many of the options available in the wizard tin be configured dynamically. Look for the lightning bolt if wish to dynamically configure an option.

   
   
4. If yous wish to but let images to exist uploaded, cull the Web images but checkbox.
   This volition enable a number of image resize options in Stride 2 of the wizard.
   
5. If Web images only is selected, choose a file format that yous wish to convert all images. If you cull JPEG or PNG, gear up the desired level of quality or compression, respectively, from the adjacent list.
   If you do not wish to catechumen the image format, cull Keep existing format.
   
6. From the Activity menu, choose what you wish to be washed to a file if a file with the same filename is already on the server.
   
7. If a Rename option is selected in the Action card, choose how you wish to rename the file.
   
8. By default, the proper name volition exist appended with a number.
   
9. Click Next to proceed to Step ii.

Step 1: Using the File Settings Window

The File settings window allows you to specify multiple output options for the file that is being uploaded. By default, only one file is saved.

1. To add an additional file to exist outputted, choose the Add ( + ) icon.
   
2. Select the new file entry in the File Settings window, to specify settings for that file.

1. In the Upload binder field, enter the relative path to the folder you wish the file to exist uploaded to.
   
2. In the File field, enter the filename you wish this file to have. Use '[FileName]' if yous want to keep the original name.
   
3. If necessary, in the Default file field, enter a file to be used equally placeholder for this image.

Stride 2: Customizing Image options

The Image options settings will exist available if Web images only was selected in Step one of the wizard.

1. From the Resize menu, choose the resize option (if any) that you wish to apply to this image.

   By default, if you accept selected to add a second item to the File Settings window, this choice will automatically have been configured for a the creation of a thumbnail image. These settings are simply recommended for easy implementation, feel free to change them at any time. Y'all tin can specify these default values by choosing Edit > WebAssist Preferences and selecting the Digital File Pro category.

   
   
2. Specify a width and height for your settings Depending on your choice from the Resize card, these options may not be available.
   
3. Cull a fill color from the Fill color menu.
   This option is only available when the Fixed width and height selection is selected in the Resize carte du jour.
   
4. Click Finish to utilise this behavior to your folio.

   Recall, if your class action="", and so your form is submitting to its own page. In this case, when you preview your page in a browser, upload a file and click submit, the page will simply reload and the browser will display a bulletin that no file is selected. Y'all tin can test that your upload is working past looking within of the binder you specified in the upload server behavior.

   

Step 3: Add together a progress bar

Universal Email four includes the power to add together a progress bar that volition brandish while an upload is in progress. For instructions on calculation a progress bar to your form, bank check out the Add a Progress Bar tutorial.

The File Manipulation features include the ability to add secure download features to your site every bit well. If you are selling digital appurtenances, or want to restrict access to downloading certain files on your web site, this tin be very useful.

There are a number of practical uses for this adequacy, and each varies based on your needs.

The post-obit details the basic steps for applying the download server behavior to a button.

Footstep one: Create the Download button

1. Place your cursor on your dynamic page, where you want to add together the download push button.
   
2. From the Forms category of the Insert bar, cull Push button.
   
3. In the ID field, enter download.
   
4. Exit the Label field bare.
   
5. Click OK.
   
6. Click one time to select your new push.
   
7. In the Backdrop Inspector enter Download in the Value field.

Step 2: Create the Download behavior

1. From the Insert carte, choose WebAssist > File Manipulation > Download.
   
2. From the Trigger card, choose Button: download pressed.
   
3. In the Folder field, specify the directory that stores the file that is to be downloaded.
   
4. From the File name menu, enter the proper noun of the file to be downloaded.
   
5. In the Salvage as field, enter the file proper noun you wish the downloaded file to take.
   With this feature, you lot can have a complicated file name that conforms to your file storage requirements, but can choose a friendlier file proper name for the client who downloads the file.
   In the Download counter section, you tin specify details for tracking how many times an individual file has been downloaded. You may find this useful for tracking purposes, but also if you lot have restrictions on how many times an individual can download a item file.

   In order to employ this feature, you lot must already take created a connection to a database that contains a column for storing the download count.

   
   
6. From the Connexion menu, choose the database connection you wish to utilize.
   
7. From the Tabular array menu, choose the database tabular array to be used.
   
8. From the Primal cavalcade menu, select the key column for the table you selected.
   
9. From the Key column value carte du jour, cull the value in the key column that applies to the file that is being downloaded.
   In most cases, you offset want to take a database table for your Items (or downloads) where there would be an entry for this detail detail. This would also permit yous to create more than advanced dynamic options for your download
   
10. From the Count cavalcade card, choose the database column you wish to use to shop the count value.
    
11. When you are set up, click OK.
    
12. Press Ctrl (Cmd) S to save your page.
    
13. Press F12 to preview and test your download.
    
14. Click the download push to download the file, and check your database to see if the download was recorded.

If you desire to customize success and mistake messages, view this tutorial.

Build websites from already-built web applications

These out-of-the-box solutions provide y'all proven, tested applications that tin be up and running at present.  Build a store, a gallery, or a spider web-based email solution.

• PowerStore
• PowerGallery
• PowerMessenger

Want your website pre-congenital and hosted?

• Begin selling online quickly with Cafe Commerce.

varghesehyderette.blogspot.com

Source: http://www.webassist.com/tutorials/Apply-file-upload-or-download

Share this post