Change default text on the upload component

Question

Hi there. So I want to change the default text on the uploader to rewrite it in Portuguese.

Berly Christopher · Accepted Answer

Hi Eddy, 
  
Greetings from Syncfusion support.  
  
We can achieve the requested requirement by localized the content with help of L10 method as mentioned in the below code example. 
  




import { UploaderComponent } from '@syncfusion/ej2-react-inputs'; 
import React, { Component } from 'react'; 
import { loadCldr, L10n } from '@syncfusion/ej2-base'; 
import './App.css'; 
 
loadCldr( 
  require('cldr-data/main/pt/currencies.json'), 
  require('cldr-data/main/pt/numbers.json'), 
  require('cldr-data/supplemental/currencyData.json'), 
  require('cldr-data/supplemental/numberingSystems.json')); 
var path = { 
  removeUrl: 'https://ej2.syncfusion.com/services/api/uploadbox/Remove', 
  saveUrl: 'https://ej2.syncfusion.com/services/api/uploadbox/Save' 
} 
L10n.load({ 
  "pt": { 
    "uploader": { 
      "Browse": "Feuilleter", 
      "Clear": "Clair", 
      "Upload": "Télécharger", 
      "cancel": "Annuler", 
      "delete": "Supprimer le fichier", 
      "dropFilesHint": "ou Déposer des fichiers ici", 
      "inProgress": "Téléchargement", 
      "invalidFileType": "Le type de fichier n'est pas autorisé", 
      "invalidMaxFileSize": "La taille du fichier dépasse 28 Mo", 
      "invalidMinFileSize": "La taille du fichier est trop petite! S'il vous plaît télécharger des fichiers avec une taille minimale de 10 Ko", 
      "readyToUploadMessage": "Prêt à télécharger", 
      "remove": "Retirer", 
      "removedFailedMessage": "Le fichier n'a pas pu être supprimé", 
      "removedSuccessMessage": "Fichier supprimé avec succès", 
      "uploadFailedMessage": "Impossible d'importer le fichier", 
      "uploadSuccessMessage": "Fichier téléchargé avec succès", 
    } 
  } 
}); 
class App extends Component { 
  render() { 
    return ( 
      <UploaderComponent asyncSettings={path} locale='pt' /> 
    ); 
  } 
} 
 
export default App; 
 
 

  
Please find the sample from the below link. 
Sample Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Uploader_Pt-1915433252  
  
To know more about globalization, please refer the below documentation. 
UG Link: https://ej2.syncfusion.com/react/documentation/uploader/localization/ 
  
Regards, 
Berly B.C

Eddy Chelene · Answer

it was very useful, thanks

Sureshkumar P · Answer

Hi Eddy, 
 
Thanks for your update. 
 
Regards, 
Sureshkumar P