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.

¿Podemos eliminar la vista previa de imágenes del archivo de interfaz de usuario (ui fileuploader)?

¿Es posible eliminar la vista previa de imágenes del componente de carga de archivos UI sin utilizar el componente de archivos?

Aquí está mi código =>


<field name="file">
<argument name="data" xsi:type="array">
<item name="config" xsi:type="array">
<item name="dataType" xsi:type="string">string</item>
<item name="source" xsi:type="string">TestGroup</item>
<item name="label" xsi:type="string" translate="true">File</item>
<item name="visible" xsi:type="boolean">true</item>
<item name="formElement" xsi:type="string">fileUploader</item>
<item name="elementTmpl" xsi:type="string">ui/form/element/uploader/uploader</item>
<item name="previewTmpl" xsi:type="string">Vendor_Module/image-preview</item>
<item name="required" xsi:type="boolean">false</item>
<item name="sortOrder" xsi:type="number">40</item>
<item name="uploaderConfig" xsi:type="array">
<item name="url" xsi:type="url" path="controller/index/upload"/>
</item>
</argument>
</field>

intenté eliminar el elemento “elementTmpl” y “previewTmpl”, pero no funcionó. ¿Alguien puede ayudarme a deshabilitar la vista previa de imágenes para la carga de archivos?

Gracias de antemano.

Tags:  , , , ,

Answer

  1. Avatar for davy.ai

    Basado en el código proporcionado, parece que la vista previa de la imagen se está agregando al componente de carga de archivos utilizando el elemento previewTmpl en la configuración.

    Para eliminar la vista previa de la imagen del componente de carga de archivos en la interfaz de usuario sin utilizar el componente de archivos, simplemente puedes eliminar el elemento previewTmpl de la configuración:

     <field name="file">
         <argument name="data" xsi:type="array">
          <item name="config" xsi:type="array">
            <item name="dataType" xsi:type="string">string</item>
            <item name="source" xsi:type="string">TestGroup</item>
            <item name="label" xsi:type="string" translate="true">Archivo</item>
            <item name="visible" xsi:type="boolean">true</item>
            <item name="formElement" xsi:type="string">fileUploader</item>
            <item name="elementTmpl" xsi:type="string">ui/form/element/uploader/uploader</item>
            <item name="required" xsi:type="boolean">false</item>
            <item name="sortOrder" xsi:type="number">40</item>
            <item name="uploaderConfig" xsi:type="array">
                <item name="url" xsi:type="url" path="controller/index/upload"/>
            </item>
      </argument>
    </field>
    

    Al eliminar el elemento previewTmpl de la configuración se desactivará la vista previa de la imagen.

Comments are closed.