javascript - 如何在页面之间传递输入 ="file"数据

Question

我正在尝试实现一个文件上传按钮，在该按钮中，一旦选择了一个文件，用户就会被定向到另一个页面，其中包含一个表单以在提交前填写额外数据。

这可能吗？将输入值传递到另一个页面？我注意到表单项的“值”不是真实值(即以“C:\fakepath\”为前缀)，因此表单上的简单 setValue() 可能不起作用。

如果有什么不同，我正在使用 Angular 和 ui-router。当我说更改页面时，我的意思是更改状态。

Answer 1

您可以将 HTMLInputElement.files 中的 File 对象作为参数传递给状态:$state.go('form', {'file ': 文件}).

我创建了一个 fiddle演示此解决方案。第一个状态提示用户选择一个文件，然后将他们重定向到第二个状态，将文件作为参数传递。在此示例中，文件名只是打印出来，但您也可以轻松阅读该文件。