Carl's File Uploader - A nice little file uploader for HTML/JS/JQuery/WebAPI
Thursday, June 20, 2013 at 12:19PM
Carl Franklin

 

Carl's File Uploader is available at http://franklins.net/CarlsFileUploader_1.1.zip

Carl's File Uploader is a browser based asynchronous file uploader with progress reporting and auto-resume. It requires HTML5, client-side JavaScript and JQuery, and Web Api (C#) on the server.

To test:

1) Create a new Web project in VS 2012
2) Select the Web API template
3) Add CarlsFileUploader.js to the Scripts folder
4) Add FileUploadController to the Controllers folder
5) Add index.html to the project and make it your startup page
6) Create a file folder to accept uploads, and give asp.net write permission.
You can do this easily by granting full access to AuthenticatedUsers
7) Edit web.config and add the following, pointing to your upload folder: 

        <appSettings>
           <add key="filepath" value="f:\uploads" />
        </appSettings>

 

8) Run the project
9) Select one or more files and press the upload button
10) Enjoy

Carl Franklin
carl@franklins.net
June 20, 2013

Article originally appeared on Carl Franklin (http://carlfranklin.net/).
See website for complete article licensing information.