Replace spaces by underscores in file names

src/resources/assets/js/createContainer.vue

@@ -2,7 +2,7 @@
 import DirectoriesApi from './api/storageRequestDirectories';
 import FilesApi from './api/storageRequestFiles';
 import StorageRequestApi from './api/storageRequests';
-import {LoaderMixin, handleErrorResponse, FileBrowserComponent} from './import';
+import {LoaderMixin, handleErrorResponse, FileBrowserComponent, warning} from './import';
 import {sizeForHumans} from './utils';
 
 // Number of times a file upload is retried.
@@ -126,7 +126,15 @@ export default {
             }
 
             for (i = 0; i < newFiles.length; i++) {
-                files.push(newFiles[i]);
+                // Replace spaces by underscores in file name due to error when uploading files >5GB.
+                // See https://github.com/biigle/user-storage/issues/16.
+                let file = newFiles[i];
+                if (file.name.includes(' ')) {
+                    let newName = newFiles[i].name.replace(' ', '_');
+                    file = new File([newFiles[i]], newName, { type: newFiles[i].type })
+                    warning('Spaces are replaced by underscores in file names');
+                }
+                files.push(file);
             }
 
             this.syncFiles();

src/resources/assets/js/import.js

@@ -1,3 +1,4 @@
 export let FileBrowserComponent = biigle.$require('core.components.fileBrowser');
 export let handleErrorResponse = biigle.$require('messages').handleErrorResponse;
+export let warning = biigle.$require('messages').warning;
 export let LoaderMixin = biigle.$require('core.mixins.loader');