原创力文档- 1、本文档共6页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 5、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 6、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
jsp存取文件
jsp存取文件
首先说读取文件。W3C提供了一些File API，其中最重要的是FileReader这个类。
先列出需要用到的HTML标签：
input type=file id=file onchange=handleFiles(this.files)/当选择了一个文件时，就会把包含这个文件的列表（一个FileList对象）作为参数传给handleFiles()函数了。
这个FileList对象类似一个数组，可以知道文件的数目，而它的元素就是File对象了。
从这个File对象可以获取name、size、lastModifiedDate和type等属性。
把这个File对象传给FileReader对象的读取方法，就能读取文件了。
FileReader共有4种读取方法：
readAsArrayBuffer(file)：将文件读取为ArrayBuffer。
readAsBinaryString(file)：将文件读取为二进制字符串
readAsDataURL(file)：将文件读取为Data URL
readAsText(file, [encoding])：将文件读取为文本，encoding缺省值为UTF-8
此外，abort()方法可以停止读取文件。
FileReader对象在读取文件后，还需要进行处理。为了不阻塞当前线程，API采用了事件模型，可以注册这些事件：
onabort：中断时触发
onerror：出错时触发
onload：文件成功读取完毕时触发
onloadend：文件读取完毕时触发，无论是否失败
onloadstart：文件开始读取时触发
onprogress：当文件读取时，周期性地触发
有了这些方法以后，就可以处理文件了。
先来试试读取文本文件：
function handleFiles(files) {
if (files.length) {
var file = files[0];
var reader = new FileReader();
if (/text\/\w+/.test(file.type)) {
reader.onload = function() {
$(pre + this.result + /pre).appendTo(body);
}
reader.readAsText(file);
}
}
}这里的this.result实际上就是reader.result，也就是读取出来的文件内容。
测试一下你会发现这个文件的内容被添加到网页中了。如果是用Chrome的话，必须把网页放在服务器上或插件里，file协议下会失败。
再来试试图片，因为浏览器可以直接显示Data URI协议的图片，所以这次就添加图片：
function handleFiles(files) {
if (files.length) {
var file = files[0];
var reader = new FileReader();
if (/text\/\w+/.test(file.type)) {
reader.onload = function() {
$(pre + this.result + /pre).appendTo(body);
}
reader.readAsText(file);
} else if(/image\/\w+/.test(file.type)) {
reader.onload = function() {
$(img src= + this.result + /).appendTo(body);
}
reader.readAsDataURL(file);
}
}
}
其实input:file控件还支持选择多个文件：
input type=file id=files multiple= onchange=handleFiles(this.files)/这样handleFiles()里就需要遍历处理files了。
如果只想读取部分数据的话，File对象还有webkitSlice()或mozSlice()方法，用于生成Blob对象。这个对象可以和File对象一样被FileReader读取。这2个方法接收3个参数：第
文档评论（0）