jsp前端传文件到后端servlet接受,支持.txt格式文件

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")))    //判断行为

接下来就看自己要做什么牛逼的操作了

猜你喜欢

转载自blog.csdn.net/qq_38340601/article/details/80413092