Topic: Same file re upload not working
When we are trying to upload same file again in file input, it is not posting to server. it works when we upload diff file and again select previous file. we need to upload same file multiple times.
We did not manage to add the fix in previous release, it should be ready for next one (16.09). There is a workaround you can use for now:
Add #uploader template variable to the input with type file in the component html template:
<input #uploader type="file" mdbFileSelect (uploadOutput)="onUploadOutput($event)" [uploadInput]="uploadInput">
Then in your component ts file use ViewChild directive to get access to this element:
@ViewChild('uploader', { static: true, read: ElementRef }) uploader: ElementRef;
If you use Angular and MDB Angular v7.x.x, you need to remove the static: true:
@ViewChild('uploader', { read: ElementRef }) uploader: ElementRef;
Now you can reset the file input in startUpload method to resolve the problem:
startUpload(): void {
const event: UploadInput = {
type: 'uploadAll',
url: 'url-to-backend-endpoint',
method: 'POST',
data: { foo: 'bar' },
};
this.files = [];
this.uploader.nativeElement.value = '';
this.uploadInput.emit(event);
}
Are you using a file input directives or mdb-file-upload component from File Upload plugin?
itsupport@arrkgroup.com commented 6 years ago
Hi Damian, i am using file input directives as per the example. it work fine when i upload file1.png, file2.png and file1.png again. but when i upload file1.png and file1.png again it does not post to server at all. i need to upload same file multiple time times and i am renaming them in api.
Arkadiusz Idzikowski staff commented 6 years ago
Thank you for letting us know about that. We will take a closer look at this problem.
itsupport@arrkgroup.com commented 5 years ago
Hi Team, any update ? when we can expect this fix.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: MDB Angular
- MDB Version: 7.5.4
- Device: Window PC
- Browser: Chrome
- OS: Window
- Provided sample code: No
- Provided link: No