文件上传原理(前端)
来源:互联网 发布:小票模板软件 编辑:程序博客网 时间:2024/05/21 22:32
在客户端代码中需要使用<input type='file' name='file' />来选择要上传的文件,并上传,代码如下:
<form action="servlet/UploadFile" method="post" enctype="multipart/form-data"><input type="file" name="file1" id="file1" />
<input type="file" name="file2" id="file2" />
<input type="submit" value="上传" />
</form>
从上面的代码可以看出,有两个文件选择框(file1和file2),在上传文件时,<form>标签必须加上enctype="multipart/form-data",否则浏览器无法将文件内容上传到服务端。
form表单enctype属性说明:
不对字符编码。
在使用包含文件上传控件的表单时,必须使用该值。
text/plain空格转换为 "+" 加号,但不对特殊字符编码。提交表单,文件就会上传到指定url,但这种方式,页面会刷新,有时候,并不能满足需求,如果需要无刷新上传文件,只需要新建一个隐藏的iframe,把上述form的target设置成iframe的name即可。
<iframe name="targetIfr" style="display:none"></iframe>
<form action="servlet/UploadFile" method="post" enctype="multipart/form-data" target="targetIfr">
<input type="file" name="file1" id="file1" />
<input type="file" name="file2" id="file2" />
<input type="submit" value="上传" />
</form>
<input type="file" name="file2" id="file2" />
<input type="submit" value="上传" />
</form>
另外,input.value可以获取上传文件路径。
参考资料:
http://www.cnblogs.com/nokiaguy/archive/2008/05/29/1209858.html
multipart/form-data规 范原文:http://www.ietf.org/rfc/rfc2388.txt
Form-based File Upload in HTML:http://www.ietf.org/rfc/rfc1867.txt
Form-based File Upload in HTML:http://www.ietf.org/rfc/rfc1867.txt
- 文件上传原理(前端)
- 前端验证文件上传
- 前端多文件上传
- web前端 文件上传
- 文件上传前端模板
- 前端上传文件,筛选文件格式
- uploadify上传文件前端配置
- 前端如何上传文件到七牛
- web前端之文件上传
- 七牛云 js前端上传文件
- java文件上传原理
- java文件上传原理
- 文件上传原理
- 文件上传的原理
- 文件上传原理实现
- 文件上传的原理
- Java 文件上传(原理)
- 文件上传的原理
- 程序员必须知道的Oracle索引知识
- 分治法求解最近点对
- IIS支持U3D的设置方法
- VC6.0 error LNK2001: unresolved external symbol _main解决办法
- wiresharek简介与抓取TCP数据包实战
- 文件上传原理(前端)
- MFC CString 查找函数使用的三个失误
- 修改mysql密码
- Android用悬浮按钮实现翻页效果
- 运维常用Linux命令
- 格式化格林威治时间(Wed Aug 01 00:00:00 CST 2012)
- 高性能web开发 - 如何加载JS,JS应该放在什么位置?
- extern“c”
- Hibernate基于Annotation的主键生成策略