JQuery fileupload on click

Question

Instead of using input type file for fileupload, I want to use a clickable div that calls the normal fileupload like the input did.

instead of this
<input type="file"/> 

I want this
<div>Click to upload</div>
and paste the file path in the div

Yeah I don't really get the question either. Maybe he wants to pass the input file name and replace the divs contents with that path? — alt
– alt, Commented Apr 22, 2012 at 4:04

chepe263 · Accepted Answer · 2012-04-22 04:11:29Z

1

idea:

When the user click the div, call the click event on the file input and when it change, insert the html on the div

on the div

 $('#magicdiv').click(function(){
 $('#leupload').click();
  });

on the upload file

$('#leupload').change(function(){
$('#magicdiv').html( $(this).val() );
});

answered Apr 22, 2012 at 4:11

chepe263

2,81224 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1