upload multiple files with the flash upload control€¦ · upload multiple files with the flash...

Upload Multiple Files with The Flash Upload Control DMXzone.com

Introduction We are going to create 3 pages; an intro page which shows an introduction for the user and it generates a unique id that we use to create a unique folder.

Copyright © 2008 DMXzone.com All Rights Reserved To get more go to DMXzone.com

of 18


The second page will use Pure ASP Upload 3 to upload and Smart Image Processor 2 to resize images. The page contains the multiple upload control to upload multiple images at once.


of 18

http://www.dmxzone.com/showDetail.asp?TypeId=3&NewsId=12064



The third page will use File Genie to display the uploaded images.

Before you begin

1. Setting up your site First we need a site within Dreamweaver with the Server Model set to ASP VBScript. You can create a new one or use an existing one.

2. Creating the files In the Files panel we are going to create the 3 files needed for our project. Create the files and call the intro.asp, upload.asp and result.asp.

3. Creating an upload folder Create an upload folder on your server and name it upload, make sure it has write and delete permissions. You need to set these for ASP and ASP.NET. Please read this tutorial that explains how to set your security settings. Also read this FAQ and this FAQ for more information. If you plan to upload large files, read this FAQ.

4. Requirements Make sure you’ve installed Pure ASP Upload 3, Smart Image Processor 2 and File Genie.


of 18


http://www.dmxzone.com/showDetail.asp?TypeId=2&NewsId=12067&LinkFile=folder_security_on_your.htm








Creating The Intro Page 1. Open the intro.asp file by double clicking it in the Files panel.

2. You can now type your introduction text in the design view. We used a background image, and the

introduction text of this demo but of course you can use your own text and mark-up.

3. Next we need a link to the following page, create a link by selecting a text or image which you want to use as continue button and in the Property inspector type upload.asp?sid=<%=Session.SessionID%> into the Link field. <%=Session.SessionID%> will create our unique id that we are going to use as folder.

4. Save the file.

The Upload Page 1. Open the upload.asp by double clicking it in the Files panel.

2. Go to the Bindings panel and click the plus button and select Request Variable.

Set Type to Request.QueryString and set the Name to sid and press OK


of 18

http://www.dmxzone.com/demo/sip2_demo/multipleintro.asp


3. In the Insert panel go to the Forms tab and click the Flash Upload Control.

4. Set the Upload Folder to “upload/” & Request.QueryString(“sid”).

5. In the Allowed Files dropdown choose Images to restrict the allowed file uploads to files with on of the following extensions GIF,JPG,JPEG,BMP and PNG.


of 18



of 18


6. Select the Browse button in the After Upload field and select the result.asp.


of 18


7. Select the Parameters… button


of 18


8. Enter sid in the Name field, select the lightning bold on the right side of the value field and select Request -> QueryString.sid and press OK (4x).


of 18


In the Server Behaviors panel Click the plus button and from the dropdown choose DMXzone > Smart Image Processor 2.


of 18


9. Check the Resize checkbox and fill in 150 in the Width and Height fields.

10. Click OK and save the file.


of 18


The Result Page 1. Open the result.asp.

2. In the Server Behaviors panel click the plus button and from the dropdown choose DMXzone > File

Genie > Folder List.


of 18


3. In the Folder List Name field type images.

4. Set the Folder to “upload/” & Request.QueryString(“sid”).


of 18


5. Set Allowed Extensions to Images Only.

6. Click OK.


of 18


7. Choose Insert -> Image


of 18


8. Select Data sources, select Path and press OK.


of 18


Select the image. In the Server Behaviors panel click the plus button and from the dropdown choose DMXzone > File Genie > Folder List Table.


of 18


9. Choose the number of Columns you like to display, select All Records and press OK.

10. Save the file.

Final Steps If you have a local web server then you can test immediately, otherwise upload all the files to your web server first. Don’t forget the ScriptLibrary folder and dmxPureUpload.swf.


of 18

upload multiple files with the flash upload control€¦ · upload multiple files with the flash...

Documents