在客户端代码中需要使用<input type='file' name='file' />来选择要上传的文件,并上传,代码如下:
<formaction="servlet/UploadFile"method="post"enctype="multipart/form-data"><inputtype="file"name="file1"id="file1"/><inputtype="file"name="file2"id="file2"/><inputtype="submit"value="上传"/></form>
从上面的代码可以看出,有两个文件选择框(file1和file2),在上传文件时,<form>标签必须加上enctype="multipart/form-data",否则浏览器无法将文件内容上传到服务端。
form表单enctype属性说明:
值
描述
application/x-www-form-urlencoded |
在发送前编码所有字符(默认) |
multipart/form-data |
不对字符编码。
在使用包含文件上传控件的表单时,必须使用该值。
|
text/plain |
空格转换为 "+" 加号,但不对特殊字符编码。 |
提交表单,文件就会上传到指定url,但这种方式,页面会刷新,有时候,并不能满足需求,如果需要无刷新上传文件,只需要新建一个隐藏的iframe,把上述form的target设置成iframe的name即可。
<iframename="targetIfr"
style="display:none"></iframe>
<formaction="servlet/UploadFile"method="post"enctype="multipart/form-data" target="targetIfr">
<inputtype="file"name="file1"id="file1"/>
<inputtype="file"name="file2"id="file2"/>
<inputtype="submit"value="上传"/>
</form>
另外,input.value可以获取上传文件路径。
参考资料:
分享到:
相关推荐
文件上传原理
前端Javascript+Html5+后端PHP分块上传文件,PHP分块上传大文件,该项目可以正常运行,入口为index.html,...2.实现快速上传,即之前上传过,该文件已经存在的,很快就能上传成功,其原理就是文件md5+文件sha1的判断
计算机前端-核心编程day1-05文件上传原理.avi
Spring Boot 文件上传原理其实就是Spring MVC,因为这部分工作是Spring MVC做的而不是Spring Boot,那么,SpringMVC又是怎么处理文件上传这个过程的呢?下面通过本文给大家详细介绍下,一起看看吧
经典的java文件上传下载实例。 通过阅读详细的注释,可以比较容易地理解java文件上传和下载的原理和一般的做法。
这个协议不但支持大文件上传,而且支持断点续传、多用户同时上传一个文件速度加倍、文件秒传等等,基本完全满足了我们自己的文件上传需求。这个协议包含后端和前端,可以根据协议自行修改为自己的语言
Ajax原生前端文件(切片)上传附进度后端文件Express源码 思路及原理: 1.将大文件切片 ,file是Blob类的实例,利用其slice方法可以将文件切片(HTTP可以多个并发传递(6-7)) 2.同时并发n个切片的上传 ...
php+html5多进程实现超大附件无刷新上传,支持超大文件,核心原理是前端将文件分割成多个片段,然后依次将片段上传到服务器,服务器后端接收到全部片段后,再组装成完整的文件,后端在组装片段时,会将校验原始文件...
本文实例讲述了php文件上传原理与实现方法。分享给大家供大家参考,具体如下: 文件上传实际上就是在前段使用一个form表单提交本地文件到服务器,然后在服务器端将文件从临时目录转移到指定目录的过程。 1、php配置...
曾经没有上传过:后台返回前端,表示从未上传过此文件,前端通过技术,将大文件分隔成无数个小文件,一一上传 曾经上传一部分:前端在上传每个模块之前,先请求后台,判断此模块是否已经上传过,如果已经上传过,...
基于go的大文件切片上传、断点续传、秒传.zip 1、如何唯一标示一个文件? 文件的信息后端会存储在mysql数据库表中。 在上传之前,前端通过 spark-md5.js 计算文件的md5值以此去唯一的标示一个文件。 spark-md5.js ...
php实现大文件上传分片上传断点续传, 本人测试2gb有效!!! 该项目核心就是文件分块上传。前后端要高度配合,需要双方约定好一些数据,才能完成大文件分块,我们在项目中要重点解决的以下问题。 * 如何分片; * 如何...
微标ASP上传类 v1.3(无刷新、无组件、多文件上传,并且可查杀木马,utf-8格式) 请将本程序放到你的虚拟主机上运行,如果本地有iis也可以(注意定要把iis那儿的上传大小限制的200k改大点,参考下面第二点)。...
本人测试上传100G多的文件,未发现问题,但是还有优化空间。 原理 曾经上传过:前端通过计算,拿到整个文件的md5,请求后台是否曾经已经上传过,如果曾经上传过,直接返回成功
因为作者长期需要将PC端的各种文件传输到手机上分享给别人,采用微信、企业微信等即时通讯软件分享的文件在手机中老是找不到文件目录,并且传输速度堪忧且作者流量较少,故开发了本软件,本软件还很简陋,原理是在...
IMU的编译原理大作业,c0编译器(前端+后端)+源代码+文档说明 - 小白不懂运行,下载完可以私聊问,可远程教学 该资源内项目源码是个人的课程设计,代码都测试ok,都是运行成功后才上传资源,答辩评审平均分达到96分...
《前端也要会的编译原理之用 JavaScript 写一个 JavaScript 解释器》作业+源代码+文档说明 - 小白不懂运行,下载完可以私聊问,可远程教学 该资源内项目源码是个人的课程设计,代码都测试ok,都是运行成功后才上传...
php+html5多进程实现超大附件无刷新上传,支持超大文件,核心原理是前端将文件分割成多个片段,然后依次将片段上传到服务器,服务器后端接收到全部片段后,再组装成完整的文件,已经测试可以正常上传。
在项目中有时会遇到大文件上传,经常会出现链接超时的问题,所以就需要使用文件分片上传的方式来上传大文件。实现原理就是,在前端将文件分成指定大小的“文件块”,分成多次上传,每次上传前先向后台查询已经上传...
专题5_编译器前端实现(已完成) 专题6_语法制导翻译程序设计原理与实现技术(已完成) - - 小白不懂运行,下载完可以私聊问,可远程教学 该资源内项目源码是个人的课程设计,代码都测试ok,都是运行成功后才上传...