html部分
添加文件<input type="file" id="addFile"/>
提交<input type="button" value="上传" onclick="fileImport()" />
js部分:使用jQuery的ajax函数
function fileImport() {
//获取读取我文件的File对象
var selectedFile = document.getElementById('addFile').files[0];
var name = selectedFile.name;//读取选中文件的文件名
var size = selectedFile.size;//读取选中文件的大小
//console.log("文件名:"+name+"大小:"+size); //console.log()作用,在浏览器控制台console提示信息,不会像alert()打断操作
var reader = new FileReader();//这是核心,读取操作就是由它完成.
reader.readAsText(selectedFile);//读取文件的内容,也可以读取文件的URL
reader.onload = function () {
//当读取完成后回调这个函数,然后此时文件的内容存储到了result中,直接操作即可
console.log(this.result);
var str = this.result;
//使用jquery上传
$.ajax({
type: "POST",
url: "distributeRequest",
data: "action=addFileToDB&fileContent="+str, //或者data:{id:1,name:zhangxiaofan,sex:male}//action=addFileToDB,是自己定义的。让后端通过action的值来判断是执行那种操作
success:function(data){
//TODO
alert("ok,文件添加成功"); //提交完成会显示ok,文件添加成功。否则,浏览器控制台报错
}
})
}
}
servlet部分
if("addFileToDB".equals(request.getParameter("action"))) //判断行为
接下来就看自己要做什么牛逼的操作了