fix(ui5-file-uploader): setting the value to an empty string also res…

…ets the file input (#1715)
SAP · Jun 2, 2020 · f8b1b39 · f8b1b39
1 parent c1d6924
commit f8b1b39
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/packages/fiori/test/pages/uploadCollectionScript.js b/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";
 	});
-})()
+})()
diff --git a/packages/main/src/FileUploader.js b/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");