Default file

[BERNARD Ludovic]

Hello,

I'm trying to manually load a default file from the server into the angular component (ej-uploader) without success.

I am currently using "@syncfusion/ej2-angular-inputs": "^18.2.56",

Is it possible to do so?

Thank you,

Ludovic

[Vignesh Srinivasan]

Hi BERNARD, 

 

We can able to remove the success from the uploaded list element by using the ng-template. Please find the code below. 

 

Code snippet: 

 

 

<ejs-uploader 

        #defaultupload 

        id="defaultfileupload" 

        [asyncSettings]="path" 

        (removing)="onFileRemove($event)" 

      > 

        <e-files> 

          <e-uploadedfiles 

            name="Nature" 

            size="11000" 

            type=".png" 

          ></e-uploadedfiles> 

          <e-uploadedfiles 

            name="TypeScript Succinctly" 

            size="20000" 

            type=".pdf" 

          ></e-uploadedfiles> 

          <e-uploadedfiles 

            name="ASP.NET Webhooks" 

            size="35000" 

            type=".docx" 

          ></e-uploadedfiles> 

        </e-files> 

        <ng-template #template="" class="template" let-data> 

          <span class="wrapper"> 

            <span class="name file-name">{{data.name}}</span></span 

          > 

          <span class="file-size-td file-size" style="padding-left:30px;" 

            >{{data.size}} bytes</span 

          > 

          <span class="percent-td percent"></span> 

          <span class="e-icons e-file-remove-btn" title="Remove"></span> 

        </ng-template> 

      </ejs-uploader> 

 

 

Screenshot: 

 

 

 

We have created sample based on your requirement please find the sample below. 

 

Sample: https://stackblitz.com/edit/angular-hevzco?file=app.component.html 

 

Kindly check with the above sample. Please get back to us if you need further assistance. 

 

Regards, 

 

Vignesh Srinivasan.