File upload

Hi, I was looking for some component to quickly navigate a file system, and yours is really fast!!! But I can’t upload a file 😦 I’m using angular 4 and formData, somethink like this:

formData.append(files, file.fileEntry.resultFile, file.relativePath);

but it seem not work. Can you help? thanks.

[jacobbutton]

You should be handling the files in the dropped event. You also need to wait for file.fileEntry.file(info => {}) to finish before pushing your formData to the server. Try this.

@Component({
	selector: 'app-upload',
	templateUrl: './upload.html',
	styleUrls: ['./upload.css']
})
export class UploadComponent {

	constructor(private http: HttpClient) {}

	public dropped(event) {
		let formData = new FormData();
		for (let i = 0; i < event.files.length; i++) {
			event.files[i].fileEntry.file(file => {
				formData.append("files", file, event.files[i].relativePath);
				if (i === event.files.length - 1) {
					this.http.post('http://localhost:8080/rest/upload/files', formData)
						.subscribe(() => console.log("request done with success"));
				}
			});
		}
	}

	public fileOver(event) {
		console.log(event);
	}

	public fileLeave(event) {
		console.log(event);
	}
}

[rcristaldi]

Great! It’s work. Thanks very much.