Question

I have a form where the admins will be uploading more then 2 pictures at a time, i had been using the basic HTML file input style, however i want to do more with it as i am using a beautiful admin theme from themeforest, (the author haven’t included the styled file input element in skin), i want to do it manually. which should meet the following requirement

a) A styled file input element should
be displayed first

b) When the user gives the file input
it should automatically upload the
file using php

c)while uploading the file i want to
see the file upload progress with tool
tip

d)once all the files are uploaded the
user should be able to process the
form with already uploaded file.

I want to admit that i have a very basic understanding of how javascript and Jquery works, however i am quite good at PHP, HTML and CSS.

I want some kinda tutorial regarding how do i style my file input to fill my need.

i am searching something like this.. File Upload

thank you

Answer 1

The only thing that fulfills all your requirements in a way that works with most browsers at the moment is a Flash-based uploader like SWFUpload or Uploadify.