最简单的文件上传方式是使用input标签
即:
<input type="file" name="file" />
将input标签放入form表单中,使用post提交。
后台nodejs用formidable是先上传。
但是在post之后,页面必然会跳转到post路径上,这是一个必须要解决的问题。
常规的解决办法是使用异步上传。
这里记录的是是用另一种方法。
使用iframe标签掩饰跳转
iframe 标签会创建包含另外一个文档的内联框架(即行内框架)。
<iframe
src="http://www.163.com"
frameborder="0"
width="800"
height="400"
></iframe>
将表单放置在iframe中,页面会跳转,但只在iframe中进行,这就造成了一个表单提交后,页面没有跳转的假象。
那么另一个问题随之后来,就是iframe中需要有src属性,而不能直接放置form表单。
解决办法就是将form表单放在一个html壳子中,html文件放在静态文件夹内生成路由,这样就可以用src属性找到。
form表单与平时不同的一点是必须要有,enctype属性。
enctype="multipart/form-data"