<div>
perfect. exactly what I need.
</div>


<div>
Thanks for the points but don't forget to thank Harald(digitarald) for the great script
</div>


<div>
<div class="content wysiwyg-content">
So basically, instead of seeing the traditional field and the browse files button, you will only see<br />
<br />
Attach a File: &nbsp; &nbsp; &nbsp; &nbsp; add file<br />
<br />
And if you click on &quot;add file&quot; 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):<br />
<br />
<br />
Attach a File: &nbsp; &nbsp; &nbsp;filename.doc | remove | <br />
&nbsp; <br />
Attach a File: &nbsp; &nbsp; &nbsp; add file<br />
<br />
just trying to avoid the usual boring browse file button and the text field to the left.
</div>
</div>


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.

Thanks for the points but don&#39;t forget to thank Harald(digitarald) for the great script

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

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 &quot;add file&quot; 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.

Asynchronous JavaScript and XML (AJAX) is a group of interrelated Web development techniques used on the client-side to create asynchronous Web applications. With AJAX, web applications can send data to and retrieve from a server asynchronously (in the background) without interfering with the display and behavior of the existing page. HTML and CSS can be used in combination to mark up and style information. The Document Object Model (DOM) is accessed with JavaScript to dynamically display and allow interaction with the information presented.

AJAX

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

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

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