?
Solved

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

Posted on 2008-06-15
3
Medium Priority
?
1,118 Views
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.
0
Comment
Question by:expresscam
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 6

Accepted Solution

by:
Dirar Abu Kteish earned 2000 total points
ID: 21791128
take a look here:

http://digitarald.de/project/fancyupload/
Demo: http://digitarald.de/project/fancyupload/2-0/showcase/photoqueue/

Mootools is the best javascript library I've ever used
0
 

Author Closing Comment

by:expresscam
ID: 31467477
perfect. exactly what I need.
0
 
LVL 6

Expert Comment

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

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
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…
Suggested Courses

770 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