How to create an AJAX upload script with progress bar or animated.gif

Posted on 2007-08-01
Last Modified: 2012-08-13
I'm trying to complete the following:

1. Provide an upload script for 1 single file which will accept only .mp3 files
2. Once the form is submitted i would ideally like to display a progress bar (preferred) or alternatively an animated.gif
3. Once the upload is complete I would like to pass the file to getid3() ( ) and present a table on screen displaying the ID3 information.
4. I would like to do all of this without refreshing the screen if possible.

I am currently using the prototype javascript framework and have already done simple AJAX requests to update my MySQL database but i've not had any experience with an AJAX uploader?

I have a php form working to do the uploading currently but i'm not sure if this can be used?

I'm running AppServ (MySQL 5, PHP5, Apache) on a windows 2003 server!

Where do i start?

Question by:Sailo100
    LVL 5

    Expert Comment


    Author Comment

    Thanks for your suggestion but i couldn't get it to work correctly!

    I have however now solved this issue but using the Uber Uploader.

    Many Thanks

    LVL 1

    Accepted Solution

    PAQed with points refunded (500)

    EE Admin

    Featured Post

    How to run any project with ease

    Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
    - Combine task lists, docs, spreadsheets, and chat in one
    - View and edit from mobile/offline
    - Cut down on emails

    Join & Write a Comment

    Generating table dynamically is the most common issue faced by php developers.... So it seems there is a need of an article that explains the basic concept of generating tables dynamically. It just requires a basic knowledge of html and little maths…
    Part of the Global Positioning System A geocode ( is the major subset of a GPS coordinate (, the other parts being the altitude and t…
    Learn how to match and substitute tagged data using PHP regular expressions. Demonstrated on Windows 7, but also applies to other operating systems. Demonstrated technique applies to PHP (all versions) and Firefox, but very similar techniques will w…
    The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

    746 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    16 Experts available now in Live!

    Get 1:1 Help Now