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
1,072 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
  • 2
3 Comments
 
LVL 6

Accepted Solution

by:
dxz2 earned 500 total points
Comment Utility
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
Comment Utility
perfect. exactly what I need.
0
 
LVL 6

Expert Comment

by:dxz2
Comment Utility
Thanks for the points but don't forget to thank Harald(digitarald) for the great script
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Article by: DanRollins
This article describes a JavaScript program that creates a maze made of hexagonal cells.  In Part 2 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7850-Hex-Maze-Part-2.html), we'll extend the program by adding a depth-…
The Confluence of Individual Knowledge and the Collective Intelligence At this writing (summer 2013) the term API (http://dictionary.reference.com/browse/API?s=t) has made its way into the popular lexicon of the English language.  A few years ago, …
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…

763 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

12 Experts available now in Live!

Get 1:1 Help Now