WebAppers » Uploadhttp://www.webappers.com - Hunting the Best Open Source Resources for Web Developers Sat, 21 Nov 2009 07:01:00 +0000 http://wordpress.org/?v=2.8.6 en Preview, Upload, Modify Files & Folders with FileManagerhttp://www.webappers.com/2009/05/02/preview-upload-modify-files-folders-with-filemanager/ http://www.webappers.com/2009/05/02/preview-upload-modify-files-folders-with-filemanager/#comments Sat, 02 May 2009 07:01:32 +0000 Ray Cheung http://www.webappers.com/?p=1564 MooTools FileManager allows you to (pre)view, upload and modify files and folders via the browser. You can browse through files and folders on your server easily with Mootools FileManager. The user interface is very intuitive. You can view detailed Previews of Images, Text-Files, Compressed-Files or Audio Content. Also, you can Rename, Delete, Move (Drag&Drop), Copy (Drag + hold CTRL) and Download Files.

MooTools FileManager is integrated with FancyUpload, so that you can upload files directly. As a bonus, you can use it as a FileManager in TinyMCE as well. The Script has been tested in Firefox 3+, Safari 4, Opera and IE6+. It is released under the MIT-License, I am sure you can get a great use out of it.

Mootools FileManager

Requirements: MooTools Framework
Demo: http://og5.net/christoph/Scripts/FileManager/Demos/
License: MIT License

Related Posts

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

]]> http://www.webappers.com/2009/05/02/preview-upload-modify-files-folders-with-filemanager/feed/ Multiple File Upload Plugin with jQuery and Flashhttp://www.webappers.com/2009/03/07/multiple-file-upload-plugin-with-jquery-and-flash/ http://www.webappers.com/2009/03/07/multiple-file-upload-plugin-with-jquery-and-flash/#comments Sat, 07 Mar 2009 17:01:13 +0000 Ray Cheung http://www.webappers.com/?p=1515 Uploadify is a jQuery multiple file upload plugin which allows you to change any element with an ID on your page into a single or multiple file upload tool. The plugin uses a mix of JQuery, Flash, and a backend upload script of your choice to send files from your local computer to your website server. It has been tested on IE7, FireFox 3, Safari 3 and Opera 9.

jQuery Flash Upload Plugin

Requirements: jQuery and Flash Required
Demo: http://www.ronniesan.com/examples/file-upload.html
License: GPL License

Related Posts

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

]]> http://www.webappers.com/2009/03/07/multiple-file-upload-plugin-with-jquery-and-flash/feed/ Fully Interactive jQuery File Treehttp://www.webappers.com/2008/04/01/fully-interactive-jquery-file-tree/ http://www.webappers.com/2008/04/01/fully-interactive-jquery-file-tree/#comments Tue, 01 Apr 2008 07:01:52 +0000 Ray Cheung http://www.webappers.com/2008/04/01/fully-interactive-jquery-file-tree/ jQuery File Tree is a configurable, AJAX file browser plugin for jQuery. You can create a customized, fully-interactive, valid and semantic XHTML file tree with as little as one line of JavaScript code. jQuery File Tree is fully customizeable via CSS with the ability to style icons based on file extension. It also supports custom connector scripts for extended functionality. The expand and collapse event are customizable as well. jQuery File Tree works in all browsers supported by jQuery. It has been fully tested in Internet Explorer 6 & 7, Firefox 2, Safari 3 and Opera 9.

jquery-file-tree.png

The author has stated that the connector scripts provided with jQuery File Tree are only designed to read information from a specified root folder. Although this is typically harmless, there exists a potential for malicious individuals to be able to view your entire directory structure by spoofing the root parameter. It is highly recommended that you add some form of check to your connector script to verify the path being scanned is a path that you want to allow visitors to see.

Requirements: jQuery
Demo: http://abeautifulsite.net/notebook_files/58/demo/
License: Creative Commons License

Related Posts

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

]]> http://www.webappers.com/2008/04/01/fully-interactive-jquery-file-tree/feed/ YUI Style Ajax Progress Indicator for ASP.Net Web Applicationhttp://www.webappers.com/2007/11/12/yui-style-ajax-progress-indicator-for-aspnet-web-application/ http://www.webappers.com/2007/11/12/yui-style-ajax-progress-indicator-for-aspnet-web-application/#comments Mon, 12 Nov 2007 07:01:20 +0000 Ray Cheung http://www.webappers.com/2007/11/12/yui-style-ajax-progress-indicator-for-aspnet-web-application/ Matt Berseth has written one brief post describing how you can incorporate the YUI style progress panel into your existing ASP.NET AJAX web application. He calculated the center of the control and manually placing the progress panel over the center of the rendered GridView. He made the calculation using the OnUpdating and OnUpdated animations of the UpdatePanelAnimationExtender. You can view the full tutorial on YUI Style AJAX Progress Indicator.

yui-progress-bar.png

Requirements: YUI Framework
Demo: http://mattberseth2.com/yui_style_ajax_progress/
License: License Free

Related Posts

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

]]> http://www.webappers.com/2007/11/12/yui-style-ajax-progress-indicator-for-aspnet-web-application/feed/ Ext File Upload Form Widgethttp://www.webappers.com/2007/09/02/ext-file-upload-form-widget/ http://www.webappers.com/2007/09/02/ext-file-upload-form-widget/#comments Sun, 02 Sep 2007 07:01:50 +0000 Ray Cheung http://www.webappers.com/2007/09/02/ext-file-upload-form-widget/ ext-upload.pngAnother great Addon for Ext Framework again. Ext File Upload Form Widget is to provide an user interface for easy uploading of files to a server.

Files are first added to an “upload queue” and then they are uploaded to the server. Any file can be individually removed from the queue before upload or the whole queue can be cleared.

The result of upload is shown for each file by icons of success or failure and, in the case of failure, the server error message is shown as the tooltip of the failure icon.

Requirements: Ext Framework
Demo: http://aariadne.com/uploadform/
License: LGPL License

Related Posts

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

]]> http://www.webappers.com/2007/09/02/ext-file-upload-form-widget/feed/ Ryan Scherf Drag to Downloadhttp://www.webappers.com/2007/08/02/ryan-scherf-drag-to-download-with-ajax/ http://www.webappers.com/2007/08/02/ryan-scherf-drag-to-download-with-ajax/#comments Thu, 02 Aug 2007 07:01:32 +0000 Ray Cheung http://www.webappers.com/2007/08/02/ryan-scherf-drag-to-download-with-ajax/ Ryan Scherf visited a site which used a drag & drop type download system where you drag an icon over another, then the download immediately starts. He realized this would be easy with the onslaught of the prototype.js and scriptaculous frameworks. Ryan Scherf shows us an example of using the built in Ajax drag & drop for Draggables / Droppables included in scriptaculous to achieve Drag to Download with Ajax.

ajax-download.png

Requirements: Prototype and Scriptaculous Frameworks
Demo: http://www.ryanscherf.net/demos/download/
License: License Free

Related Posts

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

]]> http://www.webappers.com/2007/08/02/ryan-scherf-drag-to-download-with-ajax/feed/ WebAppers Simple Javascript Progress Bar with CSShttp://www.webappers.com/2007/07/31/webappers-simple-ajax-progress-bar-with-css/ http://www.webappers.com/2007/07/31/webappers-simple-ajax-progress-bar-with-css/#comments Tue, 31 Jul 2007 07:01:42 +0000 Ray Cheung http://www.webappers.com/2007/07/31/webappers-simple-ajax-progress-bar-with-css/ Sometimes, when we are building websites and web applications, we need a percentage bar / progress bar to show the progress of a specific task. However, it is very difficult to find a working and easy solution without using Flash. Therefore WebAppers has created a simple Javascript based Percentage Bar / Progress Bar which is inspired by Bare Naked App. Bare Naked App taught us how to display Percentage Bar with 2 images only by using CSS. And then I used a little bit of Javascript to make it more interactivity. You can use it anywhere you can think of. Use your Imagination, I am sure you will find it useful somewhere.

ajax-progress-bar.png

Click the image above to see the demo and documentation of Progress / Percentage Bar. And please feel free to grab the package below and test it on your machine.

Download Ajax Progress Bar

Bram.us has created a better version written in objects and unobtrusive, You can view the documentation and demo through Dynamic Unobtrusive Javascript Progress/Percentage Bar.

Download Ajax Progress Bar Version 0.1 by Bram.us

If you have any suggestions, please feel free to leave comments. I will update the script regularly.

Requirements: Prototype Framework
Demo: http://www.webappers.com/progressBar/
License: Creative Commons License

Related Posts

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

]]> http://www.webappers.com/2007/07/31/webappers-simple-ajax-progress-bar-with-css/feed/ FancyUpload Beautiful Flash and Ajax Upload Widgethttp://www.webappers.com/2007/07/08/fancyupload-beautiful-flash-and-ajax-upload-widget/ http://www.webappers.com/2007/07/08/fancyupload-beautiful-flash-and-ajax-upload-widget/#comments Sun, 08 Jul 2007 07:01:39 +0000 Ray Cheung http://www.webappers.com/2007/07/08/fancyupload-beautiful-flash-and-ajax-upload-widget/ FancyUploadSwf meets Ajax for beautiful uploads. FancyUpload is a MooTools upload widget thats allows queued multiple-file upload including progress bars. it is a unobtrusive file-input replacement which you can add your own replacement method with the option createReplacement and add an image or whatever you like. Users can select and upload multiple files and Cancel running uploads, add files during upload.

Requirements: Internet Explorer 6+, Opera 9, Firefox 1.5+, Safari 2+ with Flash 8+
Demo: http://digitarald.de/playground/uplooad.html
License: MIT License

Related Posts

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

]]> http://www.webappers.com/2007/07/08/fancyupload-beautiful-flash-and-ajax-upload-widget/feed/ Firefox-Like Ajax File Upload with Progress Barhttp://www.webappers.com/2007/07/02/firefox-like-ajax-file-upload-with-progress-bar/ http://www.webappers.com/2007/07/02/firefox-like-ajax-file-upload-with-progress-bar/#comments Mon, 02 Jul 2007 07:01:52 +0000 Ray Cheung http://www.webappers.com/2007/07/02/firefox-like-ajax-file-upload-with-progress-bar/ dhtmlxVault (DHTML extensions File Upload) helps you to implement a modern and feature-rich file uploading part of your web application. So much wanted, the Progress bar will inform your customer during long-time operation about the ongoing process. Different file types are displayed with corresponding icons (you may add more file types when required). Built with AJAX technology, the control allows files to be uploaded seamlessly without reloading the entire webpage.

ajaxupload.png

Requirements: Internet Explorer 6+, Mozilla 1.4+, FireFox 0.9+
Demo: http://dhtmlx.com/docs/products/dhtmlxVault/
License: GPL License

Related Posts

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

]]> http://www.webappers.com/2007/07/02/firefox-like-ajax-file-upload-with-progress-bar/feed/ Upload Files Using Flash and Javascript – SWFUploadhttp://www.webappers.com/2007/06/24/upload-files-using-flash-and-javascript-swfupload/ http://www.webappers.com/2007/06/24/upload-files-using-flash-and-javascript-swfupload/#comments Sun, 24 Jun 2007 07:01:18 +0000 Ray Cheung http://www.webappers.com/2007/06/24/upload-files-using-flash-and-javascript-swfupload/ SWFUploadSWFUpload is a small javascript and flash library to get the best of both worlds – The great upload capabilitys of flash and the accessibility and ease of html and css. It allows users to upload multiple files at once by ctrl/shift-selecting in dialog, no page reloads necessary. Users can also queue uploads, remove/add files before starting upload. On the other hand, we can style upload elements with XHTML and css as we like.

swfupload.gif

Requirements: Works on all platforms/browsers that has Flash support
Demo: http://swfupload.mammon.se
License: License Free

Related Posts

Sponsors

Pixmac: Stock Photos, Royalty Free Pictures and Images

]]> http://www.webappers.com/2007/06/24/upload-files-using-flash-and-javascript-swfupload/feed/