ejs-uploader asyncSettings always diplayig failed

[Bilal]

Syncfusion's EJS Uploader's asyncSettings always displays 'failed,' even in the documentation

<template>

  <ejs-uploader

    ref="uploadObj"

    id="defaultfileupload"

    name="UploadFiles"

    allowedExtensions=".pdf, .jpeg, .png, .jpg, .doc, .docx, .xls, .xlsx"

    maxFileSize="10000000"

    :asyncSettings="data[0].path"></ejs-uploader>

</template>

<script setup>

//...

const data = [

  {

    path: {

      saveUrl: "https://ej2.syncfusion.com/services/api/uploadbox/Save",

      removeUrl: "https://ej2.syncfusion.com/services/api/uploadbox/Remove",

    },

  },

];

//...

</script>

[Kokila Poovendran]

Hi Bilal,

Thank you for reaching out to Syncfusion support!

We've reviewed your query regarding the EJS Uploader's asyncSettings always displaying 'failed.' It seems there's an issue with the URLs you're using for the saveUrl and removeUrl properties.

To resolve this issue, please update the saveUrl and removeUrl paths to the following:

path: {

     saveUrl: 'https://services.syncfusion.com/vue/production/api/FileUploader/Save',

     removeUrl: 'https://services.syncfusion.com/vue/production/api/FileUploader/Remove'

}

By updating the URLs to these paths, you should be able to resolve the issue. Additionally, we've prepared a sample for your reference. You can access it through the following link:

Sample: https://stackblitz.com/edit/kkex4v-twaahc?file=src%2FApp.vue

For further guidance on how to use EJS Uploader's asyncSettings, please refer to our documentation:

Documentation: https://ej2.syncfusion.com/vue/documentation/uploader/async

If you encounter any further issues or need additional assistance, please feel free to reach out. We're here to help.