js实现图片上传功能，后台为Java

1、首先呢，我们要在前端定义一个<input type="file" id="upload"></input>的标签

2、在写js

var formdata=new FormData();//用来封装数据

var fileValue=$('#uploadPic').val();//获取文件
if(fileValue.length>0){//判断文件是否大于0，如果大于0，则代表有数据，则进行下一步，否则进入另外一个ajax
    formdata.append("file",$('#uploadPic')[0].files[0]);
    $.ajax({
        url:"../bizAlert/delBizAlert",
        type: "POST",
        async: false,
        processData: false,   // jQuery不要去处理发送的数据
        contentType: false,   // jQuery不要去设置Content-Type请求头
        data:formdata,
        success: function (data) {
            console.log(data);
        },
        error:function(data){
            console.log(data.statusText);
        },
        complete: function (XHR, TS) {
            XHR = null
        } //回收资源
    });
}else{
    $.ajax({
        url:"../bizAlert/delBizAlert2",
        type: "POST",
        async: false,
        processData: false,   // jQuery不要去处理发送的数据
        contentType: false,   // jQuery不要去设置Content-Type请求头
        data:formdata,
        success: function (data) {
            console.log(data);
        },
        error:function(data){
            console.log(data.statusText);
        },
        complete: function (XHR, TS) {
            XHR = null
        } //回收资源
    });

3、后台

@RequestMapping(value = "delBizAlert", method = RequestMethod.POST)
    public Result<BizAlert> delBizAlert(@RequestParam("dealResult") String dealResult,@RequestParam("dealIdea") String dealIdea,@RequestParam("file") MultipartFile files) {
        Result result = new Result();
        return result;
    }

ok了，后台就接收到前端的图片数据了。