上传图片存储到数据库

上传图片存储到数据库

点点

2021-07-18 21:08 阅读 366 喜欢 0

一、思路

首先要知道上传图片到后台的思路。

1、上传文件流到数据库

2、上传base64或者blob到数据库

3、当图片很多的时候,需要建立一个图片库,专门保存图片。然后将图片路径存到数据库

二、限制性

就我的水平来看,前两种方法当图片太大的话就不适用了。我用的是在前台将图片转换为base64然后传到后台保存导数据库,这样下次直接取出来放到src属性中就可以显示图片了。第三种方式其实应该是很常用地。

三、代码

3.1 将图片转换为base64

3.1.1前台js转

    <!Doctype   html>
   <heml>
     <head>
         <meta charset="UTF-8"/>
       <title>nick getBase64</title>
    </head>
   <body>
    <input accept="image/gif,image/jpeg,image/jpg,image/png" type="file" id="up" />
    <script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
     <script>
     $(function() {
    $("#up").change(function() {
        var file = this.files[0];
        if(undefined == file){
            return ;
        }
        r = new FileReader();
        r.readAsDataURL(file);
        r.onload = function(e) {
            var base64 = e.target.result;
            var _file = dataURLtoBlob(base64); // c就是base64字符串
            console.log(base64)
        }
    });

      });
   </script>
    </body>
    </html>

3.1.2后台转

              File file = new File(imageUrl);//图片的绝对路径

    FileInputStream is = new FileInputStream(file);
    byte[] data = new byte[is.available()];
    is.read(data);
    is.close();
    BASE64Encoder encoder = new BASE64Encoder();
    String base64Img =  encoder.encode(data);
    System.out.print(base64Img);

3.2 base64与blob的互转

           //**dataURL to blob**
                function dataURLtoBlob(dataurl) {
                    var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
                        bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
                    while (n--) {
                        u8arr[n] = bstr.charCodeAt(n);
                    }
                    return new Blob([u8arr], { type: mime });
                }

                //**blob to dataURL**
                function blobToDataURL(blob, callback) {
                    var a = new FileReader();
                    a.onload = function (e) { callback(e.target.result); };
                    a.readAsDataURL(blob);
                }

3.3base64转换为流

                public void startDownFTP1(HttpServletRequest request,
        HttpServletResponse response) throws Exception {
    FtpConfig list = null;
    flag1 = false;
    list = ftpConfigServiceI.findObjectByPK(null);
    FtpConfigController.connectFtp(list);
    String efilename = request.getParameter("efilename");
    //2020年7月18日11:19:37 sfb
    String imagepath = request.getParameter("imagepath");
    String img = FtpConfigController.downloadFile1(list,
            efilename, imagepath);// 下载ftp文件测试 ftp /图片名称/文件夹 已通过解密但是有Base64加密
    Base64 endcoder=new Base64();
    byte [] images;//返回图像
    images=endcoder.decodeBase64(img);//Base64转换成byte数组
    response.reset();
    response.getOutputStream().write(images);
    flag1 = true;
    FtpConfigController.closeFtp();

}

凑合着看看吧!也不是好懂!希望可以帮到感兴趣的小伙伴!

转载请注明出处: http://sdxlp.cn/article/tak.html


如果对你有用的话,请赏给作者一个馒头吧 ...或帮点下页面底部的广告,感谢!!

赞赏支持
提交评论
评论信息(请文明评论)
暂无评论,快来快来写想法...
推荐
小伙伴们说起QQ应该没有不知道的吧,作为国内最常使用的即时通讯软件之一,QQ仍然还是很多小伙伴们日常交友聊天的必用软件。但如果是在电脑上使用QQ接收文件,这些接收的QQ文件在电脑哪个文件夹中呢?
有个小功能需要一些基础数据,想着把这些数据爬一些下来做为基础数据使用的。本来还想着直接反编译小程序的,没想到它变更了加密方式,以前反编译的路子走不通了,尝试抓下数据看能不能拿到了。
最近小编在各大的平台都看到很多的小伙伴们都在找副业,也有小伙伴找小编想给小编的网站啊做运营,也有私信小编的,有时间小编会一一回复,在平台上的大多数都是想收割韭菜的,副业大部分还是需要自己静下心来慢慢做,声音,图片,绘画,面部表情,写作等等都是可以的,主要是找准方向,持续更新,刚开始都是难的后期就会容易,前期也是没有毛毛拿的,需要小伙伴们,有耐心,坚持。
我们在工作中会用到各种各样的表格,而WPS表格是我们现在经常使用的办公软件,当我们有文档的时候,可以直接导入进表格中,而不用我们手动输入。今天小编就告诉大家电脑端怎么将TXT文档导入进WPS表格中。
一个切小图标的方法
一年一次的五福活动又上线啦!呵呵,是不是很多小伙伴们都集齐啦!今年的有点特别哟!支付宝集五福活动中,可以使用我们多余的福卡去抽奖或者是兑换支付宝中的活动商品,其中就有好看点五福口罩,很多小伙伴们都想要知道支付宝五福口罩怎么兑换,下面就让点点给小伙伴们介绍一下兑换教程。
对于初级用户来说,可能还没有认识到无线加密的重要性,在不加密的无线网络里,不仅你的网络带宽会被侵占,而且你的个人网络信息也可能遭受泄露,因此一定要使用正确的加密方式来保障无线网络安全,降低风险。那么路由器如何安全设置?下面小编就为小伙伴们介绍路由器安全设置方法,这样设置路由99.9%的黑客都攻不破,一起来看看吧!
无线网,现在人们使用的越来越多了。很多小伙伴用的苹果设备,苹果设备间的操作是比较方便的,而且iPhone还可以给ipad共享wifi密码的哦,iphone怎么共享wifi给ipad呢?