How can I display the filenames that take an input file
or multiple
and customize them in css
. what I want to achieve is before uploading the files to the server that all the files appear in a list in case I want to delete any. I don't know if I have to do it with jquery
php
or how... I attach an image.
<div class="add">
<label for="file-input">
<img src="img/add.png" width="35" height="35" alt="add">
</label>
<input id="file-input" type="file" multiple=""/>
</div>
<!-- fin del add -->
<div id="archivos">
<div id="archivo">
<div class="nombre_archivo">nombre del archivooooooooooooooooooooo
<span class="tooltiptext"><?php echo $tooltip; ?> </span>
</div>
<div class="tamano_archivo">30mb</div>
<div class="eliminar_archivo"><img src="img/eliminar.png" width="20" height="20" alt="eliminar"></div>
Here is an example, obviously it can be improved. Your files are temporarily stored in the filesToUpload variable .