将文件信息从 html 文件选择器输入传递给 python 和 bokeh

我正在尝试创建一个简单的散景服务器应用程序，允许用户从<input type="file">文件选择按钮。然后，应用程序将绘制用户选择的文件中的数据。下面的代码非常简单，我根本不知道如何将文件信息从文件选择器传递到python。我需要使用 python 来处理文件 I/O，而不是 html 或 javascript。

当我跑步时我可以让它正常工作bokeh serve --show example.py path/to/input_file在命令行，但我不希望用户每次都指定它。我需要他们能够单击按钮来“上传”文件。该应用程序在本地运行，因此无需上传到服务器或类似的东西。

有没有更好的方法<input type="file"> ?

from bokeh.plotting import figure
from bokeh.layouts import layout
from bokeh.models import ColumnDataSource, Div
from bokeh.io import curdoc

desc = Div(text="""
<h1>A simple example</h1>
<input type="file">
<br />""", width=800)

# Create Column Data Source that will be used by the plot
source = ColumnDataSource(data=dict(x=[], y=[]))

p = figure(plot_height=550, plot_width=800, title="", toolbar_location='above')
p.line(x="x", y="y", source=source)

def update():
    x_data,y_data = read_file_data(input_file_name) # function to read specific file type
    source.data = dict(
        x=x_data,
        y=y_data,
    )

sizing_mode = 'fixed'  # 'scale_width' also looks nice with this example
l = layout([
    [desc],
    [p],
], sizing_mode=sizing_mode)

update()
curdoc().add_root(l)
curdoc().title = "Sample"

维护者说明：Bokeh 中不推荐使用 CoffeeScript 支持，并将在 Bokeh 2.0 中完全删除。这个例子需要用 JavaScript 或 TypeScript 重写

散景效果0.12.4，没有内置的文件选择器输入小部件。但有可能创建 Bokeh 的新扩展 http://bokeh.pydata.org/en/dev/docs/user_guide/extensions.html与内置小部件一样无缝地工作，将 JS 事件连接到 Python。

下面的代码是一个模型的超级粗略实现，该模型包装了<input type="file">将其连接到 Python 代码。此代码应该适用于 Bokeh0.12.4和更新的。

from bokeh.core.properties import String
from bokeh.io import curdoc
from bokeh.layouts import column
from bokeh.models import Button, LayoutDOM

IMPL = """
import * as p from "core/properties"
import {LayoutDOM, LayoutDOMView} from "models/layouts/layout_dom"

export class FileInputView extends LayoutDOMView
  initialize: (options) ->
    super(options)
    input = document.createElement("input")
    input.type = "file"
    input.onchange = () =>
      @model.value = input.value
    @el.appendChild(input)

export class FileInput extends LayoutDOM
  default_view: FileInputView
  type: "FileInput"
  @define {
    value: [ p.String ]
  }
"""

class FileInput(LayoutDOM):
    __implementation__ = IMPL
    value = String()

input = FileInput()

def upload():
    print(input.value)
button = Button(label="Upload")
button.on_click(upload)

curdoc().add_root(column(input, button))

这会产生以下输出：

几乎肯定可以对此进行改进。 SO 并不是一个进行迭代和协作讨论的好地方，所以如果您对改进这一点有疑问，我建议项目 话语列表 https://discourse.bokeh.org/作为继续的最佳地点。