File upload UI component broken/not working in Magento 2.4.8

[psoniravede42c]

My ui component xml code, here after selecting image file the loader comes and file is uploaded to the respective dir based on controller but the preview element not appears below upload button in Magento 2.4.8 but the same is working in Magento 2.4.7-p5

<field name="icon_file">
            <argument name="data" xsi:type="array">
                <item name="config" xsi:type="array">
                    <item name="label" xsi:type="string" translate="true">Icon File</item>
                    <item name="formElement" xsi:type="string">fileUploader</item>
                    <item name="componentType" xsi:type="string">fileUploader</item>
                    <item name="notice" xsi:type="string" translate="true">Allowed file types: jpg, jpeg, gif, png.</item>
                    <item name="maxFileSize" xsi:type="number">2097152</item>
                    <item name="allowedExtensions" xsi:type="string">jpg jpeg gif png svg</item>
                    <item name="sortOrder" xsi:type="number">50</item>
                    <item name="uploaderConfig" xsi:type="array">
                        <item name="url" xsi:type="string">countdown/new/uploadImage</item>
                    </item>
                </item>
            </argument>
        </field>

in logs only this comes

[2025-05-12T13:56:01.966169+00:00] main.ERROR: Unable to resolve the source file for 'adminhtml/Magento/backend/en_US/underscore-umd.js.map' [] []
[2025-05-12T13:56:01.966412+00:00] main.CRITICAL: Unable to resolve the source file for 'adminhtml/Magento/backend/en_US/underscore-umd.js.map' [] []
[2025-05-12T13:56:03.006770+00:00] main.ERROR: Unable to resolve the source file for 'adminhtml/Magento/backend/en_US/jquery/uppy/dist/uppy.min.js.map' [] []
[2025-05-12T13:56:03.007048+00:00] main.CRITICAL: Unable to resolve the source file for 'adminhtml/Magento/backend/en_US/jquery/uppy/dist/uppy.min.js.map' [] []

[Ankit Jasani]

Hi @psoniravede42c ,

Please try like below once.

<field name="icon_file">
    <argument name="data" xsi:type="array">
        <item name="config" xsi:type="array">
            <item name="label" xsi:type="string" translate="true">Icon File</item>
            <item name="formElement" xsi:type="string">fileUploader</item>
            <item name="componentType" xsi:type="string">fileUploader</item>
            <item name="elementTmpl" xsi:type="string">ui/form/element/uploader/uploader</item>
            <item name="uploaderConfig" xsi:type="array">
                <item name="url" xsi:type="url" path="yourmodule/controller/upload"/>
            </item>
            <item name="previewTmpl" xsi:type="string">Magento_Ui/templates/form/element/uploader/preview</item>
            <item name="allowedExtensions" xsi:type="string">jpg jpeg gif png</item>
            <item name="maxFileSize" xsi:type="number">2097152</item>
        </item>
    </argument>
</field>

Note: please do needed changes like uploaderConfig url path

Problem Solved? Accept as Solution!

Thanks