I've tried to rename image before its uploads to destination but no luck to get it done.
I've tried below code in onBeforeFileAdded and onBeforeUpload methods but no change in output.
let date = Date.now();
let newObj = {};
Object.keys(files).forEach(fileId => {
console.log("fileId ", fileId);
let newId = date + '-' + fileId;
newObj[fileId] = { ...files[fileId] }; // replicate object
newObj[fileId].name = newId; // update data
let obz = { ...newObj[fileId].meta };
obz.clientFileNameToMap = newId; // update inner object
newObj[fileId].meta = obz; // update inner object
});
return newObj;
Maybe I'm doing it in the wrong way. Any help would be grateful.
your onBeforeFileAdded should look something like this:
onBeforeFileAdded: function (currentFile, files) {
currentFile.name = 'my new file name'
return currentFile;
}
Most helpful comment
your
onBeforeFileAddedshould look something like this: