diff --git a/src/js/restore.js b/src/js/restore.js
index 237986e78..4e930f43b 100644
--- a/src/js/restore.js
+++ b/src/js/restore.js
@@ -35,6 +35,7 @@ app.controller('RestoreController', ['$scope', 'Client', function ($scope, Clien
     $scope.format = 'tgz';
     $scope.advancedVisible = false;
     $scope.password = '';
+    $scope.encrypted = false; // only used if a backup config contains that flag
 
     $scope.sysinfo = {
         provider: 'generic',
@@ -326,6 +327,29 @@ app.controller('RestoreController', ['$scope', 'Client', function ($scope, Clien
 
     document.getElementById('gcsKeyFileInput').onchange = readFileLocally($scope.gcsKey, 'content', 'keyFileName');
 
+    document.getElementById('backupConfigFileInput').onchange = function (event) {
+        var reader = new FileReader();
+        reader.onload = function (result) {
+            if (!result.target || !result.target.result) return console.error('Unable to read backup config');
+
+            var backupConfig;
+            try {
+                backupConfig = JSON.parse(result.target.result);
+            } catch (e) {
+                console.error('Unable to parse backup config');
+                return;
+            }
+
+            $scope.$apply(function () {
+                // we assume property names match here, this does not yet work for gcs keys
+                Object.keys(backupConfig).forEach(function (k) {
+                    if (k in $scope) $scope[k] = backupConfig[k];
+                });
+            });
+        };
+        reader.readAsText(event.target.files[0]);
+    };
+
     function init() {
         Client.getStatus(function (error, status) {
             if (error) return Client.initError(error, init);
diff --git a/src/restore.html b/src/restore.html
index 0abbf7816..9f5ab6d39 100644
--- a/src/restore.html
+++ b/src/restore.html
@@ -64,6 +64,13 @@
                             </div>
                         </div>
 
+                        <div class="row">
+                          <div class="col-md-8 col-md-offset-2 text-center">
+                            <input type="file" id="backupConfigFileInput" style="display:none"/>
+                            <button type="button" class="btn btn-default" onclick="getElementById('backupConfigFileInput').click();">Upload Backup Config</button>
+                          </div>
+                        </div>
+
                         <div class="row">
                             <div class="col-md-8 col-md-offset-2">
                                 <p class="has-error text-center" ng-show="error">{{ error.generic }}</p>
@@ -172,8 +179,8 @@
                                 </div>
 
                                 <div class="form-group" ng-class="{ 'has-error': error.key }" ng-show="provider !== 'noop'">
-                                    <label class="control-label" for="inputConfigureBackupPassword">Encryption password (optional)</label>
-                                    <input type="text" class="form-control" ng-model="password" id="inputConfigureBackupPassword" name="prefix" ng-disabled="busy" placeholder="Passphrase used to encrypt the backups">
+                                    <label class="control-label" for="inputConfigureBackupPassword">Encryption password <span ng-hide="encrypted">(optional)</span></label>
+                                    <input type="text" class="form-control" ng-model="password" id="inputConfigureBackupPassword" name="prefix" ng-disabled="busy" placeholder="Passphrase used to encrypt the backups" ng-required="encrypted">
                                 </div>
 
                                 <input class="ng-hide" type="submit" ng-disabled="configureBackupForm.$invalid"/>