Jquery获取File input数据
2017-10-25 09:43
603 查看
原文 :http://blog.segmentfault.com/di/1190000000482791
今天学习了用Jquery获取File input里面的数据。
我写了一个爪哇服务,用来在网页或命令行中通过表单上传文件。
在网页中使用的表单方式为 multipart/form-data ,在爪哇里面通过MultipartHttpServletRequest 获取文件,很好用啊。
可是写命令行的小朋友捣乱,使用的表单方式为 application/x-www-form-urlencoded ,传的是文件内容字符串,现在可好了,爪哇里面获取不到文件了。
洽谈之后,决定将文件以字符串的方式传输,就是接下来的内容了。
首先有个表单,里面有两个input,一个用来选择文件,而另一个则用来存储读到的文件内容。
接下来检查浏览器是否支持Fie API
在选择好文件之后,通过Jquery获取到文件内容
现在提交表单,就可以通过 request.getParameter(“file”); 获取到文件内容噜。
今天学习了用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.vm.value = fileString; //设置隐藏input的内容 } }
现在提交表单,就可以通过 request.getParameter(“file”); 获取到文件内容噜。
相关文章推荐
- 用JQuery获取File input里面的数据
- JQuery------获取<input type="file">中的文件内容
- jQuery File Upload在IE6~IE8中无法获取响应数据(data.result)
- jquery 选择input的checkbox属性 获取checkbox的值 用异步传输数据 返回结果
- jquery input file获取文件名
- Android---35---openFileInput、openFileOutput获取手机内存中的数据
- JQuery------获取<input type="file">中的文件内容
- jQuery获取不同input数据的方式
- js/jquery 获取本地文件的文件路劲 获取input框中type=‘file’ 中的文件路径
- js/jquery 获取本地文件的文件路劲 获取input框中type=‘file’ 中的文件路径(转载)
- jquery如何获取input(file)控件上传的图片名称,即"11111.jpg"
- jquery 处理table 中获取td下input数据
- jquery获取多重input的方式
- jQuery实现input文本框内灰色提示文本效果 和 input标签获取焦点是文本框内提示信息清空
- jquery获取input标签的默认值
- JQuery获取或设置ckeditor的数据(示例代码)
- jquery中向服务器传递数据时获取到中文乱码的解决
- JQuery获取input type="text"中的值的各种方式
- jquery 跨域获取数据
- 关于js自动获取input file的文件名称