-
WEB前端
站-
热门城市 全国站>
-
其他省市
-
-
400-636-0069
阿萨
2018-03-23
来源 ：网络
阅读 1476
评论 0
摘要：今天学习了用Jquery获取File input里面的数据。 我写了一个爪哇服务，用来在网页或命令行中通过表单上传文件。 在网页中使用的表单方式为multipart/form-data,在爪哇里面通过MultipartHttpServletRequest获取文件，很好用啊。
今天学习了用Jquery获取File input里面的数据。
我写了一个爪哇服务，用来在网页或命令行中通过表单上传文件。
在网页中使用的表单方式为multipart/form-data,在爪哇里面通过MultipartHttpServletRequest获取文件，很好用啊。
可是写命令行的小朋友捣乱，使用的表单方式为application/x-www-form-urlencoded，传的是文件内容字符串，现在可好了，爪哇里面获取不到文件了。
洽谈之后，决定将文件以字符串的方式传输，就是接下来的内容了。
首先有个表单，里面有两个input，一个用来选择文件，而另一个则用来存储读到的文件内容。
<form id="form" >
<input type="file" name="fileTrans" />
<input type="hidden" name="file" />
</form>
接下来检查浏览器是否支持Fie API
if (!(window.File || window.FileReader || window.FileList || window.Blob)) {
alert('你妈喊你换Chrome浏览器啦');
}
在选择好文件之后，通过Jquery获取到文件内容
var files = $('input[name="fileTrans"]').prop('files');//获取到文件列表
if(files.length == 0){
alert('请选择文件');
return;
}else{
var reader = new FileReader();//新建一个FileReader
reader.readAsText(files[0], "UTF-8");//读取文件
reader.onload = function(evt){ //读取完文件之后会回来这里
var fileString = evt.target.result;
form.file.value = fileString; //设置隐藏input的内容
}
}
现在提交表单，就可以通过request.getParameter("file");获取到文件内容噜。
希望这篇文章可以帮助到你。总之，同学们，你想要的职坐标IT频道都能找到！
喜欢 | 0
不喜欢 | 0
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了，明天再试试吧！
我们会在第一时间安排职业规划师联系您！
您也可以联系我们的职业规划师咨询：
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com，All Rights Reserved.
沪公网安备 31011502005948号
索取资料
答疑解惑
技术交流
职业测评
面试技巧
高薪秘笈
