Use the HTML5 input to get the file path

Author: blink1073

lib/matplotlib/backends/web_backend/nbagg_mpl.js

@@ -31,7 +31,8 @@ mpl.mpl_figure_comm = function(comm, msg) {
     var ws_proxy = comm_websocket_adapter(comm)
 
     function ondownload(figure, format) {
-        window.location.href = 'hello.' + format
+        var fileElem = document.getElementById("file_selector");
+        fileElem.click();
     }
 
     var fig = new mpl.figure(id, ws_proxy,
@@ -112,11 +113,19 @@ mpl.figure.prototype._init_toolbar = function() {
         nav_element.append(button);
     }
 
+    var inp = $('<input type="file" id="file_selector" name="file" style="display:none"/>');
+
+    inp.on('change', function (event) {
+        console.log(event);
+    });
+
+    nav_element.append(inp);
+
     var fmt_picker_span = $('<span/>');
 
     var fmt_picker = $('<select width="75" style="width: 75px; margin-top: 10px"</select>');
     fmt_picker.addClass('mpl-toolbar-optionui-widget ui-widget-content');
-    fmt_picker_span.append(fmt_picker);
+    //fmt_picker_span.append(fmt_picker);
     nav_element.append(fmt_picker_span);
     this.format_dropdown = fmt_picker[0];