Register
Quick and easy! Create patterns and join discussions on draft patterns! Go here to RegisterLogin
Already a member? Go here to Login now.Browse Patterns
Top Rated Patterns
Contact Us
Simple File Upload
Design Problem
The user needs to upload a single file and does not need any additional information or functionality during the upload.
Solution
Use the standard browser http upload functionality.
Use When
The user simply wants to upload a file quickly and efficiently, and does not require the additional features of the Comprehensive File Upload pattern, such as the ability to view the progress of the file upload or review and modify a queue of files to be uploaded.
How
Here is some sample HTML:
<form method="post" action="file-upload-1.htm"
name="submit" enctype="multipart/form-data">
<input type="file" name="fileField"><br/><br/>
<input type="submit" name="submit" value="submit"><br/>
</form>
Rationale
Simplicity, and Consistency & Standards: Users are familiar with this method as it is used widely on the web. Using a familiar method if users do not need additional functionality makes it easier for them to quickly understand what the interface does and efficiently complete their task.
Examples
In this Extras On Demand version of the Simple File Upload, users can choose to "Attach more files" if they would like to upload more than one file at once. This is an appropriate modification to this pattern in forms where space is at a premium and Comprehensive File Upload cannot be used for some reason.
Post new comment