es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

¿Puedo personalizar la carga de archivos ajax en asp.net (vb)?

22 Jul, 2023 Programación

Estoy subiendo mi archivo pdf utilizando la carga de archivos ajax y estoy usando vs 2019 (asp.net, vb).
Quiero cambiar el formato de visualización de la carga ajax. << ejemplo: Arrastra el archivo aquí → Arrastra archivo PDF. >>
Aquí está mi fuente asp.

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<asp:content id="Content1" contentplaceholderid="head" runat="server"></asp:content>

<asp:content id="Content2" contentplaceholderid="ContentPlaceHolder1" runat="server">
</asp:content>

<div style="width:40%;padding:25px">
    <asp:scriptmanager runat="server"></asp:scriptmanager>
    <ajaxtoolkit:ajaxfileupload id="AjaxFileUpload1" runat="server" onclientuploadcompleteall="MyCompleteAll" chunksize="16384" allowedfiletypes="pdf" maximumnumberoffiles="10"></ajaxtoolkit:ajaxfileupload>
        <asp:button id="cmdDone" runat="server" text="Done" style="display:none" clientidmode="Static"></asp:button>
        <script>                
            function MyCompleteAll() {
                $('cmdDone').click()
            }
        </script>
</div>



Utilicé algunos scripts que encontré en la red, pero no funcionaron.

Espero que alguien me pueda ayudar con esto. Gracias ^^

Tags:  , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para cambiar la apariencia del formato de carga AJAX a “Drop PDF File”, puedes modificar el script existente de la siguiente manera:

    <script type="text/javascript">   
    $(document).ready(function () {
        $(".ajax__fileupload_dropzone").text("Drop PDF File.");
        $(".ajax__fileupload_uploadbutton span").text("Cargar ahora");
    });
</script>

    Aquí, hemos utilizado jQuery para seleccionar el elemento de la zona de caída con la clase ajax__fileupload_dropzone y cambiar su texto a “Drop PDF File”. De manera similar, hemos seleccionado el elemento del botón de carga con la clase ajax__fileupload_uploadbutton y cambiado el texto de su elemento hijo span a “Cargar ahora”.

    Ten en cuenta que el script debe colocarse después del control ajaxToolkit:AjaxFileUpload para asegurarte de que los elementos estén disponibles en el DOM antes de que sean accedidos por el script.

Comments are closed.