Looking for Ajax "Attach a file" / "Upload a file" Code to be used as part of contact form

Posted on 2008-06-15
Last Modified: 2010-10-05
So basically, instead of seeing the traditional field and the browse files button, you will only see

Attach a File:         add file

And if you click on "add file" it allows you to pick a desktop file the usual way and the name of the file will appear and the page will show like this (without page refresh):

Attach a File:      filename.doc | remove |
Attach a File:       add file

just trying to avoid the usual boring browse file button and the text field to the left.
Question by:expresscam
  • 2

Accepted Solution

dxz2 earned 500 total points
ID: 21791128
take a look here:

Mootools is the best javascript library I've ever used

Author Closing Comment

ID: 31467477
perfect. exactly what I need.

Expert Comment

ID: 21804671
Thanks for the points but don't forget to thank Harald(digitarald) for the great script

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

OverviewThis article demonstrates a simple search form using AJAX. The purpose of the article is to demonstrate how to use the same code to render a page and javascript (JQuery) and AJAX to make subsequent calls to refine the results. The princip…
Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

948 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

21 Experts available now in Live!

Get 1:1 Help Now