如何在页面之间传递输入=“文件”数据
How do I pass input="file" data between pages
我正在尝试实现一个文件上传按钮,一旦选择了文件,用户就会被定向到另一个带有表单的页面,以便在提交之前填写额外的数据。
这可能吗?将输入值传递到另一个页面?我注意到表单项的"值"不是真正的值(即以"C:''fakepath''"为前缀),因此表单上的简单 setValue() 可能不起作用。
如果有任何区别,我正在使用角度和ui路由器。当我说更改页面时,我的意思是更改状态。
您可以将
File
对象作为参数从HTMLInputElement.files
传递给状态:$state.go('form', {'file': file})
。
我创建了一个小提琴来演示此解决方案。第一个状态提示用户选择一个文件,然后将他们重定向到将文件作为参数传递的第二个状态。在此示例中,文件名只是打印出来,但您也可以轻松读取文件。
尝试将表单添加为模式弹出窗口:
$(function() {
$("#dialog").dialog({
autoOpen: false,
show: {
effect: "blind",
duration: 1000
},
hide: {
effect: "explode",
duration: 1000
}
});
$("#file").change(function() {
$("#dialog").dialog("open");
});
});
<meta charset="utf-8">
<title>jQuery UI Dialog - Animation</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<div id="dialog" title="Basic dialog">
<p>Put your form here, for example.</p>
</div>
<input type="file" id="file" />
相关文章:
- 我想在选择输入文件上显示图像
- 触发IE9中的输入文件点击
- 将图像数据设置为输入文件标记
- Asp-mvc剃刀将输入文件的值存储在文本框中
- 选择同一文件时未触发HTML输入文件选择事件
- 从Javascript中的输入文件中获取文件名
- 输入文件和自动提交 - 播放框架 2.
- 将 FormData 对象放入数组中以从不同的输入文件上载文件
- 警报输入“文件”文件名,使用 jQuery 和“split”
- 检查是否对任何输入文件进行了更改
- 仅获取所选输入文件的名称
- 如何在Joomla模块中通过JavaScript发送输入文件类型
- Javascript将输入文件传递给PHP
- 触发AngularJS中的输入文件点击事件
- 输入文件:如何在刷新后显示文件名
- Angular 2-模型驱动的表单,带有输入文件(文件上传)
- 如何制作一个输入文件以供使用
- 将html输入文件元素从一个表单复制到另一个表单
- 如何在jquery中清除输入文件字段
- 在3个输入文件中加载img