前台传输图片到本地文件夹里（后台）

前台传输图片到本地文件夹里（后台）

配置环境

idea+jdk+springboot+html+thymleaf+ajax

效果

前台html点击上传图片。（可做上传头像用）。。废话不多说。。上代码。。

后台FileController

注释：path 是本地磁盘（可自行修改）

前台script

function upImg() {
var fileObj = document.getElementById(“file”).files[0];
var FileController = “/addparent”;
if(!fileObj.type.match(‘image.*’)){
alert(“请选择正确的图片”);

        }else{
            var form = new FormData();
            form.append("file",fileObj);
            var xhr = new XMLHttpRequest();
            xhr.onreadystatechange=function () {
                if(this.readyState == 4 && this.status == 200){
                    var b = this.responseText;
                    if(b == "success"&&(fileObj.type.match('image.*'))){
                        alert("上传成功！");
                    }
                }
            };
            xhr.open("post", FileController, true);
            xhr.send(form);
        }

前台html

至此就成功了。。