上传图片存储到数据库的几种方式

您所在的位置：网站首页 › 怎么找到数据库存储路径呢图片 › 上传图片存储到数据库的几种方式

上传图片存储到数据库的几种方式

2024-07-15 02:43| 来源: 网络整理| 查看: 265

一、思路

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

1、上传文件流到数据库

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

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

二、限制性

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

三、代码 3.1 将图片转换为base64 3.1.1前台js转 nick getBase64 $(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) } }); }); 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"); //2017年3月10日10: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(); }

【本文地址】

上传图片存储到数据库的几种方式

上传图片存储到数据库的几种方式

今日新闻

推荐新闻