feat(tpl): enable auto upload after selecting files

Author: marjune163

src/tpl/asset/main.js

@@ -597,9 +597,12 @@
 
 				uploadProgressively();
 			});
+
+			fileInput.addEventListener('change', uploadProgressively);
+			return uploadProgressively;
 		}
 
-		function enableAddDragDrop() {
+		function enableAddDragDrop(uploadProgressively) {
 			function onDragEnterOver(e) {
 				e.stopPropagation();
 				e.preventDefault();
@@ -638,6 +641,11 @@
 				}
 
 				fileInput.files = e.dataTransfer.files;
+				if (uploadProgressively) {
+					uploadProgressively();
+				} else {
+					form.submit();
+				}
 			}
 
 			upload.addEventListener('dragenter', onDragEnterOver, false);
@@ -647,8 +655,8 @@
 		}
 
 		enableAddDir();
-		enableUploadProgress();
-		enableAddDragDrop();
+		var uploadProgressively = enableUploadProgress();
+		enableAddDragDrop(uploadProgressively);
 	}
 
 	function enableNonRefreshDelete() {

src/tpl/asset/main.js.go

@@ -528,8 +528,10 @@ e.stopPropagation();
 e.preventDefault();
 uploadProgressively();
 });
+fileInput.addEventListener('change', uploadProgressively);
+return uploadProgressively;
 }
-function enableAddDragDrop() {
+function enableAddDragDrop(uploadProgressively) {
 function onDragEnterOver(e) {
 e.stopPropagation();
 e.preventDefault();
@@ -562,15 +564,20 @@ optFile.focus();
 optFile.click();
 }
 fileInput.files = e.dataTransfer.files;
+if (uploadProgressively) {
+uploadProgressively();
+} else {
+form.submit();
+}
 }
 upload.addEventListener('dragenter', onDragEnterOver, false);
 upload.addEventListener('dragover', onDragEnterOver, false);
 upload.addEventListener('dragleave', onDragLeave, false);
 upload.addEventListener('drop', onDrop, false);
 }
 enableAddDir();
-enableUploadProgress();
-enableAddDragDrop();
+var uploadProgressively = enableUploadProgress();
+enableAddDragDrop(uploadProgressively);
 }
 function enableNonRefreshDelete() {
 if (!document.querySelector) {