Fix: Disable chunked upload in IE11

src/components/ContentExplorer/moreOptionsCellRenderer.js

@@ -8,7 +8,7 @@ import React from 'react';
 import DropdownMenu from '../DropdownMenu';
 import { Menu, MenuItem } from '../Menu';
 import { Button } from '../Button';
-import isMobile from '../../util/mobile';
+import { isMobile } from '../../util/browser';
 import {
     PERMISSION_CAN_DOWNLOAD,
     PERMISSION_CAN_RENAME,

src/components/ContentUploader/ContentUploader.js

@@ -13,6 +13,7 @@ import API from '../../api';
 import DroppableContent from './DroppableContent';
 import Footer from './Footer';
 import makeResponsive from '../makeResponsive';
+import { isIE } from '../../util/browser';
 import {
     CLIENT_NAME_CONTENT_UPLOADER,
     DEFAULT_HOSTNAME_UPLOAD,
@@ -246,7 +247,11 @@ class ContentUploader extends Component<DefaultProps, Props, State> {
     uploadFile(item: UploadItem) {
         const { rootFolderId, chunked } = this.props;
         const { api, file } = item;
-        api.getUploadAPI(chunked, file.size).upload({
+
+        // Disable chunked upload in IE11 for now until hashing is done in a worker
+        const useChunked = chunked && !isIE();
+
+        api.getUploadAPI(useChunked, file.size).upload({
             id: rootFolderId,
             file,
             successCallback: (entries) => this.handleUploadSuccess(item, entries),

src/util/browser.js

@@ -0,0 +1,24 @@
+/**
+ * @flow
+ * @file Helper to get mobile
+ * @author Box
+ */
+
+/**
+  * Returns whether browser is mobile.
+  *
+  * @return {boolean} Whether browser is mobile
+  */
+export function isMobile(): boolean {
+    // Relying on the user agent to avoid desktop browsers on machines with touch screens.
+    return /iphone|ipad|ipod|android|blackberry|bb10|mini|windows\sce|palm/i.test(navigator.userAgent);
+}
+
+/**
+ * Returns whether browser is IE.
+ *
+ * @return {boolena} Whether browser is IE
+ */
+export function isIE() {
+    return /Trident/i.test(navigator.userAgent);
+}