前端上传图片转base64格式，后台将base64存入本地和数据库

最新推荐文章于 2024-08-07 03:32:43 发布

FinNick丶

最新推荐文章于 2024-08-07 03:32:43 发布

阅读量6.4k

点赞数 2

文章标签： java jquery

本文链接：https://blog.csdn.net/finnick_xh/article/details/105214979

版权

前端上传图片转base64格式，后台将base64存入本地和数据库

1、jsp页面代码

    <div class="layui-form-item">
        <label class="layui-form-label label_font" style="margin-top: 35px">缩略图</label>
        <div class="layui-input-block">
            <input style="margin-top: 7px;" type="file" id="file">
            <img id="showImg" style="max-height: 300px; height: 8em; min-width:8em;"/>
            <textarea name="new_img" id="base64" style="display: none; width: 100%;height: 30em;"></textarea>
        </div>
    </div>

jsp页面效果
在这里插入图片描述

2、JQuery

        //以下都为图片转base64格式
        $(document).on("change","#file",function(){
   
            run(this, function (data) {
   
                $('#showImg').attr('src', data);
                $('#base64').val(data);
            });
        });
        function run(input_file, get_data) {
   
            /*input_file：文件按钮对象*/
            /*get_data: 转换成功后执行的方法*/
            if (typeof (FileReader) === 'undefined') {
   
                alert