I have a piece of code that retrieves a file from the clipboard and I need to change its name if it is named image.png.
Below is the code snippet where I attempt to achieve this:
@HostListener('paste', ['$event'])
onPaste(e: ClipboardEvent) {
const clipboardData = e.clipboardData || (window as any).clipboardData;
const items: DataTransferItem[] = Array.from(clipboardData.items);
let copiedFiles: File[] = [];
for (let i = 0; i < items.length; i++) {
let file = items[i].getAsFile();
if (file.name.includes('image')) {
file.name = this.getScreenshotFilename();
}
copiedFiles.push(items[i].getAsFile());
}
this.files = this.concat(copiedFiles);
}
private getScreenshotFilename(): string {
return `Screenshot_${formatDate(new Date(), 'yymmddHHMMss', DATE_LOCALE)}`;
}
However, when attempting to set the file name in this line
file.name = this.getScreenshotFilename();Cannot assign to 'name' because it is a read-only property.
Is there a way to edit the file name?