jsp文件上传图片到服务器

2023-01-02 00:00:00 文件 服务器 上传图片

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("网络异常,请稍后再试");
            }
        });
}
    原文作者:黎明之道
    原文地址: https://blog.csdn.net/sjjsaaaa/article/details/124407826
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。

相关文章