0

Tengo un control de asp para subir archivos.

<asp:FileUpload ID="fuAttachmentsSoporte" CssClass="required"  runat="server" ClientIDMode="Static"/>    
<asp:Button ID="btnAttachmentsSoporte" runat="server" Text="Adjuntar" CausesValidation="False" OnClick="btnAttachmentsSoporte_Click" disabled />
<asp:HiddenField ID="HFUploadMaxFileSize" ClientIDMode="Static" runat="server" /><br />
<asp:Label runat="server" ID="lblMensajeError" style="display:none;" CssClass="ms-formvalidation">El archivo seleccionado excede del tamaño máximo permitido.</asp:Label>

Mediante una funcion de javascript controlo el tamaño del archivo, y si es mayor de lo deseado se lo indico al usuario y no desbloqueo el boton de adjuntar.

function ValidateMaxSize(fileId) {

    var file = document.getElementById(fileId);        
    var fileSize = file.files[0].size / 1024;

    var lblError = file.parentElement.children[4];
    var btn = file.parentElement.children[1];

    lblError.style.display = 'none';        

    var maxFileSize = document.getElementById("HFUploadMaxFileSize").value;

    if (fileSize > maxFileSize) {

        lblError.style.display = 'block';
        btn.disabled = true;

        return false;
    } 
    btn.disabled = false;
    return true;

}

El problema radica en que si borro ese archivo y le doy a guardar, me da error! y la cosa es que aunque resetee el input o ponga su valor a 0 file[0] sigue teniendo valor...

Haciendo lo mismo con un archivo pequeño no me sucede.

1 respuesta 1

1

Una forma para limpiar un input de tipo file es reemplazándolo por un clon de si mismo:

function ValidateMaxSize(fileId) {

    var file = document.getElementById(fileId);        
    var clon = file.cloneNode();

    var fileSize = file.files[0].size / 1024;

    var lblError = file.parentElement.children[4];
    var btn = file.parentElement.children[1];

    lblError.style.display = 'none';        

    var maxFileSize = document.getElementById("HFUploadMaxFileSize").value;

    if (fileSize > maxFileSize) {
        file.parentNode.replaceChild(clon, file);

        lblError.style.display = 'block';
        btn.disabled = true;

        return false;
    } 
    btn.disabled = false;
    return true;
}
4
  • El objeto no acepta la propiedad o el método 'replaceWith'
    – GDP
    Commented el 13 dic. 2017 a las 13:44
  • 1
    @GDP oh lo siento me he confundido, replaceWith() es de jQuery y no de javascript nativo, te he editado la respuesta con un método nativo! Commented el 13 dic. 2017 a las 13:54
  • Ya decia yo jajaja gracias camilo! lo del clon me ha funcionado. Lo otro llevaba probandolo un tiempo y nada.
    – GDP
    Commented el 13 dic. 2017 a las 14:21
  • 1
    @GDP me alegra que te funcionara, edite la respuesta con la forma que realmente te ha servido, saludos ! Commented el 13 dic. 2017 a las 14:34

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.