Display error message for folder upload on ie11 and prevent upload

Author: Lukas Hirt

apps/files/src/components/FilesAppBar.vue

@@ -26,7 +26,7 @@
             <oc-drop toggle="#new-file-menu-btn" mode="click">
               <oc-nav>
                 <file-upload :url='url' :headers="headers" @success="onFileSuccess" @error="onFileError" @progress="onFileProgress"></file-upload>
-                <folder-upload :rootPath='item' :url='url' :headers="headers" @success="onFileSuccess" @error="onFileError" @progress="onFileProgress"></folder-upload>
+                <folder-upload v-if="!isIE11()" :rootPath='item' :url='url' :headers="headers" @success="onFileSuccess" @error="onFileError" @progress="onFileProgress"></folder-upload>
                 <oc-nav-item @click="createFolder = true" id="new-folder-btn" icon="create_new_folder"><translate>Create new folder…</translate></oc-nav-item>
                 <oc-nav-item @click="createFile = true" id="new-file-btn" icon="save"><translate>Create new file…</translate></oc-nav-item>
               </oc-nav>

apps/files/src/mixins.js

@@ -264,6 +264,15 @@ export default {
       }
     },
     $_ocUpload_addDirectoryToQue (e) {
+      if (this.isIE11()) {
+        this.showMessage({
+          title: this.$gettext('Upload failed'),
+          desc: this.$gettext('Upload of a folder is not supported in Internet Explorer.'),
+          status: 'danger'
+        })
+        return
+      }
+
       const files = e.target.files || e.dataTransfer.files
       if (!files.length) return
 

src/plugins/phoenix.js

@@ -85,8 +85,15 @@ export default {
           })
 
           request.send()
-        }
+        },
 
+        /**
+         * Checks whether the browser is Internet Explorer 11
+         * @return {boolean} true if the browser is Internet Expoler 11
+         */
+        isIE11 () {
+          return !!window.MSInputMethodContext && !!document.documentMode
+        }
       }
     })
   }