Quick inquiry ...
I am working on a report form where images must be uploaded, for this purpose I have:
<input type="file" multiple>
My specific question is:
Can you manipulate in some way so that when you select a single file say 1 archivo (as you do when you select several) instead of showing the name of that single file?
It could be, but not directly in the input. But with javascript code, hiding the input and showing other elements instead.
For example:
function abrir(id) {
var file = document.getElementById(id);
file.dispatchEvent(new MouseEvent('click', {
view: window,
bubbles: true,
cancelable: true
}));
}
function contar(elem, idGlosa) {
var glosa = document.getElementById(idGlosa);
if(elem.files.length == 0) {
glosa.innerText = "Ningun archivo seleccionado";
} else {
glosa.innerText = elem.files.length + " archivos";
}
} <label for="archivo">Subir archivo</label>
<button type="button"
onclick="abrir('archivo')">Escoger archivos</button>
<input type="file" multiple
id="archivo" name="archivo"
onchange="contar(this, 'glosaArchivos')" style="display: none">
<span id="glosaArchivos">Ningun archivo seleccionado</span>