fix(ui5-file-uploader): setting the value to an empty string also resets the file input (#1715)

Author: vladitasev

packages/fiori/test/pages/uploadCollectionScript.js

@@ -62,6 +62,7 @@
 		for (var i = 0; i < files.length; i++) {
 			uploadCollection.appendChild(createUCI(files[i]));
 		}
+		document.getElementById("fileUploader").value = "";
 	});
 
 	uploadCollection.addEventListener("ui5-selectionChange", function (event) {
@@ -86,7 +87,7 @@
 		uploadCollection.items.forEach(function (item) {
 			if (item.uploadState === "Ready" && item.file) {
 				var oXHR = new XMLHttpRequest();
-				
+
 				oXHR.open("POST", "/upload", true);
 				oXHR.onreadystatechange  = function () {
 					if (this.status !== 200) {
@@ -123,4 +124,4 @@
 		console.log("Terminate uploading of: ", event.target);
 		document.getElementById("uploadStateEvent").innerText = "Terminate";
 	});
-})()
+})()

packages/main/src/FileUploader.js

@@ -247,6 +247,12 @@ class FileUploader extends UI5Element {
 		this._enableFormSupport();
 	}
 
+	onAfterRendering() {
+		if (!this.value) {
+			this.getDomRef().querySelector(`input[type="file"]`).value = "";
+		}
+	}
+
 	_enableFormSupport() {
 		const FormSupport = getFeature("FormSupport");