jsp文件上传图片到服务器

jsp文件上传图片到服务器

首先利用onchange去调用uploadBookImg函数，将图片上传到服务器，返回一个地址，将地址写入到一个隐藏域里面，提交表单的时候就可以将服务器返回的地址存入到数据库里面！

<form id="fileBookForm" enctype="multipart/form-data">
    <input id="fileBookButton" type="file" name="file" class="file" class="uploadBookImg" onchange="uploadBookImg(this)" allowtypes="gif,jpg,png">
    <input type="text" name="textfield" class="txt" value="上传照片">
    <input type="hidden" class="imgUrl">
</form>

上传图片到服务器函数，用val（）写入到隐藏域里面。

//上传图片
function uploadBookImg(img) {
        if (img.files && img.files[0]) {
            if ((img.files[0].size / 1024).toFixed(0) >= 5120) {
                alert("图片大于5m,请上传小于5M的图片");
                return false
            }
        }
        $.ajax({
            url: "服务器地址",
            type: 'POST',
            cache: false,
            data: new FormData($("#fileBookForm")[0]),
            processData: false,
            contentType: false,
            success: function (data) {
               /* console.log(data)*/
                if (data.success) {
                    var imgUrL = '';
                    $(".upLoadImg .imgUrl").val(data.result);
                    imgUrL = data.result;
                    sendWord(imgUrL);
                } else {
                  alert("格式错误，请重新上传！");
                }
            },
            error: function () {
                alert("网络异常，请稍后再试");
            }
        });
}