Form Fields‎ > ‎

Files


Using the
Single File Upload field on a form gives you the possibility to create tokens on submit action and to stream the files into database. Here you can define the folder where the user will upload the file by setting it from the Upload to Folder drop down list, and you can also use the Handle Duplicates option for the cases where the users upload the same file more than once. 





How to Get the File Size for an Uploaded file


If you want to display a message which informs the user about the details of the uploaded file, you can use some predefined tokens, here's how:

1. on your form add a Single File Upload field, set the title to "Upload", set an upload location and optionally a file size limit;
2. add a button with a Display message action, in the Message box fill in the following tokens:

        extension: [Upload:FileExtension]

        size [Upload:FileSize] and size expressed in units: [Upload:FileSizeB]B,[Upload:FileSizeKB] KB, [Upload:FileSizeMB] MB, [Upload:FileSizeGB] GB

        mime type [Upload:MimeType] 

        where [Upload] is the title of the Single File Upload field

3. save the form and once you're on the form page upload a file and click on submit button, here's how the data will be returned:




How to upload files on S3 Browser via Single File Upload using EvotivaGlobalStorage

1. Install EvotivaGlobalStorage (here's the page from where you can download a free trial: http://www.evotiva.com/Downloads);

2. Access S3 Browser and in Accounts > Manage Accounts > double click on Account Name - from here you'll need to use the Access Key ID and the Secret Key ID;



3. Access the site > go to Admin > File Management > click on Manage Folder Types from Actions > click on Add new Type > set a Name and select as Folder Provider the Evotiva-AmazonS3FolderProvider then fill in the Access ID and Secret Key ID provided in S3 Browser and select the Bucket Name you need to use when uploading the files;
 

 
4. also on File Management page you have to create a folder (click on Create New Folder) and select the Folder Type to the one previously created;
 

 
5. add Action Form on a page > add the Upload Single File field where you have to set the folder previously created on Upload to Folder option > and also add a button;
 

 
6. upload a file and click Submit then check both in Admin > File Management and on S3 Browser if the file was correctly uploaded.
 

How to upload files on Dropbox via Single File Upload using Intelequia


1. install Intelequia DNN Drive module on one of the following allowed domains:
localhost, *.local, *.dnndev.me, *.cloudapp.net, *.azurewebsites.net, *.evoqtrials.dnncloudservices.com, *.evoqtrials.com

2. add IntelequiaDNNDrive module on a page and check the Licensing Settings options in order to see if the license for this module is active -
the following details should be displayed on the page:



3. access Admin > File Management > Actions > click on Manage Folder Types button > set a name for the folder you want to create,
select the folder provider you want to use, in our case ISSDropBoxFolderProvider:



4. generate via Dropbox an app key and a secret key (for more info regarding application key, click here);

5. take the generated app key and secret key and paste them into the Folder Provider Settings > click on Connect to Dropbox button
then on Update;

6. access again Admin > File Management > Actions > click on Create New Folder button > set a name and select as Folder Type the one
previously created with Dropbox as Folder Provider :



7. after you create the folder add ActionForm on a page > add Single File Upload field where you have to set on Upload to Folder drop down list the location you want the files to be uploaded, in our case, use the folder created on step 6 > add a button > save and test:



8. after browsing a file and clicking on Submit button, refresh the page with the folder previously created on step 6 in order to see if the file was correctly uploaded and you can also check directly on Dropbox if the upload was correctly made.


Multi File Upload


This feature is supported by the following browsers:
Desktop browsers: Google Chrome, Apple Safari 4.0+, Mozilla Firefox 3.0+, Opera 11.0+, Internet Explorer 6.0+
Mobile browsers: Safari & Google Chrome on iOS 6.0+, Google Chrome on Android 4.0+, Default Browser on Android 2.3+, Opera Mobile 12.0+
Note: Multiple File Selection and Image Preview features work in IE 10+.

How to edit the uploaded images 

1. add a for on a page;
2. add Multi File Upload field;
3. optionally specify File Types and File Size Limit;
4. set the location on Upload to Folder;
5. add a button
6. add Redirect to URL action
7. set [_EditUrl] token on the URL field
8. save
9. upload multiple images and click on the button
=> as expected result, the redirect is made to an "edit" page where a query string is loaded into the url and you have the possibility to remove existing images, to upload new ones.



Comments