广告
返回顶部
首页 > 资讯 > 后端开发 > Python >Java实现图片上传至FastDFS入门教程
  • 632
分享到

Java实现图片上传至FastDFS入门教程

2024-04-02 19:04:59 632人浏览 安东尼

Python 官方文档:入门教程 => 点击学习

摘要

今天来开始写图片上传的功能, 现在的图片上传都讲求 上传完成后立刻回显且页面不刷新, 这里到底是怎么做的呢? 当然是借助于ajax了, 但是ajax又不能提交表单, 这里我们

今天来开始写图片上传的功能, 现在的图片上传都讲求 上传完成后立刻回显且页面不刷新, 这里到底是怎么做的呢? 当然是借助于ajax了, 但是ajax又不能提交表单, 这里我们还要借助一个插件: Jquery.fORM.js
剩下的一个是FastDFS, 那么什么是FastDFS呢?
FastDFS是一个开源的轻量级分布式文件系统,由跟踪服务器(tracker server)、存储服务器(storage server)和客户端(client)三个部分组成,主要解决了海量数据存储问题,特别适合以中小文件(建议范围:4KB < file_size <500MB)为载体的在线服务。

这里只来说FastDFS的优点:

解决了大容量存储和负载均衡的问题。特别适合以文件为载体的在线服务,如相册网站、视频网站等等。

FastDFS服务端有两个角色:跟踪器(tracker)和存储节点(storage)。跟踪器主要做调度工作,在访问上起负载均衡的作用。

更多详细内容可以参考:Http://blog.chinaunix.net/uid-20196318-id-4058561.html

一, 开发实例
0, 使用FastDFS:
首先需要在linux下安装且配置FastDFS, 这里不再赘述.
首先来看下引入的FastDFS jar包:

查看fdfs_client.conf配置文件:

我们发现这里面的设置不是我们想要的, 那么该怎么办呢? 我们需要在自己工程中覆盖一份:

配置文件内容如下:(这里需要配置tracker_server)


# connect timeout in seconds
# default value is 30s
connect_timeout=30

# network timeout in seconds
# default value is 30s
network_timeout=60

# the base path to store log files
base_path=/home/fastdfs

# tracker_server can ocur more than once, and tracker_server format is
#  "host:port", host can be hostname or ip address
tracker_server=192.168.200.128:22122
#tracker_server=192.168.101.4:22122

#standard log level as syslog, case insensitive, value list:
### emerg for emergency
### alert
### crit for critical
### error
### warn for warning
### notice
### info
### debug
log_level=info

# if use connection pool
# default value is false
# since V4.05
use_connection_pool = false

# connections whose the idle time exceeds this time will be closed
# unit: second
# default value is 3600
# since V4.05
connection_pool_max_idle_time = 3600

# if load FastDFS parameters from tracker server
# since V4.05
# default value is false
load_fdfs_parameters_from_tracker=false

# if use storage ID instead of IP address
# same as tracker.conf
# valid only when load_fdfs_parameters_from_tracker is false
# default value is false
# since V4.05
use_storage_id = false

# specify storage ids filename, can use relative or absolute path
# same as tracker.conf
# valid only when load_fdfs_parameters_from_tracker is false
# since V4.05
storage_ids_filename = storage_ids.conf


#HTTP settings
http.tracker_server_port=80

#use "#include" directive to include HTTP other settiongs
##include http.conf

1, 在jsp中添加input标签上传图片

这里有一个隐藏域字段是imgUrl, 这里是保存上传图片成功后返回的图片地址, 在submit整个表单时, 将这个url地址保存到数据库, 在list.jsp中直接取这个url就可以回显图片数据了.

2, 添加上传js 代码:

这里使用到了ajaxSubmit方法, 当我们上传图片时实际上是将表单提交了, 然后通过UploadPicController中的uploadPic方法去处理发送的请求.

3, 构建uploadPicController.cs去解析uploadPic.do请求

Controller层:
UploadController.java:


* 上传图片
 */
@Controller
@RequestMapping(value="/upload")
public class UploadController {

    @Autowired
    private UploadService uploadService;

    //上传图片品牌
    @RequestMapping(value="/uploadPic.do")
    public void uploadPic(@RequestParam(required=false) MultipartFile pic, httpservletResponse response) throws Exception{

        //Java接口连接FastDFS
        String path = uploadService.uploadPic(pic.getBytes(), pic.getOriginalFilename(), pic.getSize());

        //path:group1/M00/00/01/wKjIgFWOYc6APpjAAAD-qk29i78248.jpg
        //url:http://192.168.200.128 (Linux 虚拟机的ip地址)
        String url = Constants.img_url + path;

        //JSON工具类
        JSONObject jo = new JSONObject();
        jo.put("url", url);
        jo.put("path", path);

        //返回json
        response.setContentType("application/json;charset=UTF-8");
        response.getWriter().write(jo.toString());
    }
}

通过json的格式将url写回到前端, 这样在ajax请求中就可以接收到参数并回显图片.

Service层:
UploadServiceImpl.java:



@Service("uploadService")
public class UploadServiceImpl implements UploadService {

    //上传
    public String uploadPic(byte[] pic, String name, long size){
        return FastDFSUtils.uploadPic(pic, name, size);
    }
}

Common工具类:
FastDFSUtils.cs



public class FastDFSUtils {

    public static String uploadPic(byte[] pic, String name, long size){
        String path = null;
        //ClassPath下的文件spring
        ClassPathResource resource = new ClassPathResource("fdfs_client.conf");
        try {
            ClientGlobal.init(resource.getClassLoader().getResource("fdfs_client.conf").getPath());
            //客服端
            TrackerClient trackerClient = new TrackerClient();
            TrackerServer trackerServer = trackerClient.getConnection();

            //连接小弟
            StorageClient1 storageClient1 = new StorageClient1();
            //扩展名, 获取扩展名, apach 下common包中已有公用方法.
            String extension = FilenameUtils.getExtension(name);
            //设置图片meta信息
            NameValuePair[] meta_list = new NameValuePair[3];
            meta_list[0] = new NameValuePair("filename", name);
            meta_list[1] = new NameValuePair("fileext", extension);
            meta_list[2] = new NameValuePair("filesize", String.valueOf(size));
            //上传且返回path
            path = storageClient1.upload_file1(pic, extension, meta_list);
        } catch (Exception e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        return path;
    }
}

这里是FastDFS的核心方法, 这里将tracker比喻成老大,将storage比喻成小弟. 且为这个图片添加 一些meta信息, 最后调用upload_file1 将图片上传到图片服务器且返回path.
整个开发流程就是这样, 记录于此 愿日后回顾复习能够有更大的收获.

上面我们已经说到ajax请求异步上传, 那么这里我们再来说下多图片上传, 如果单张图片上传已经搞清楚的话,那么单图片上传就显得很简单了.

首先我们继续来查看jsp页面:

这个js用来处理点击上传后做的事情, 其中回显数据使用了从controller层接收回来的数据, 然后使用foreach进行遍历, 那么接下来我们来看下controller层做的事情:


//上传多张图片
    @RequestMapping(value="/uploadPics.do")
    public @ResponseBody List<String> uploadPics(@RequestParam(required=false) MultipartFile[] pics, HttpServletResponse response) throws Exception{
        //多张图片的路径容器
        List<String> paths = new ArrayList<String>();

        for (MultipartFile pic : pics) {
            //Java接口连接FastDFS
            String path = uploadService.uploadPic(pic.getBytes(), pic.getOriginalFilename(), pic.getSize());
            paths.add(Constants.img_url+path);
        }

        return paths;
    }

使用foreach将图片的url地址全部都装载到一个list集合中, 然后返回给ajax请求函数.
Service层:


@Service("uploadService")
public class UploadServiceImpl implements UploadService {

    //上传
    public String uploadPic(byte[] pic, String name, long size){
        return FastDFSUtils.uploadPic(pic, name, size);
    }
}

一切都还是老样子, 只不过 controller层和jsp都是用了foreach去遍历, 而且jsp中多加了一个属性:multiple="multiple". 仅此而已.

到此这篇关于Java实现图片上传至FastDFS入门教程的文章就介绍到这了,更多相关Java图片上传至FastDFS内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: Java实现图片上传至FastDFS入门教程

本文链接: https://www.lsjlt.com/news/129944.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Java实现图片上传至FastDFS入门教程
    今天来开始写图片上传的功能, 现在的图片上传都讲求 上传完成后立刻回显且页面不刷新, 这里到底是怎么做的呢? 当然是借助于ajax了, 但是ajax又不能提交表单, 这里我们...
    99+
    2022-11-12
  • Java如何实现图片上传至FastDFS
    这篇文章主要讲解了“Java如何实现图片上传至FastDFS”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Java如何实现图片上传至FastDFS”吧!今天来开始写图片上传的功能, 现在的图...
    99+
    2023-06-20
  • java实现图片上传至服务器
    实现的思路:工具:MySQL,eclipse首先,在MySQL中创建了两个表,一个t_user表,用来存放用户名,密码等个人信息,一个t_touxiang表,用来存放上传的图片在服务器中的存放路径,以及图片名字和用户ID,T_touxian...
    99+
    2021-04-29
    java 实现 图片 上传 服务器
  • SpringBoot项目整合FastDFS+Nginx实现图片上传功能
    目录FastDFS概述Fastdfs原理安装Fastdfs整合Nginx模块安装NginxSpringBoot整合FastdfsFastDFS概述 FastDFS是一个开源的轻量级分...
    99+
    2022-11-13
  • Java commons io包实现多线程同步图片下载入门教程
    目的: 实现多线程同时下载网络图片,入门级。 多线程入门 commons io: 是针对开发IO流功能的工具类库,其中包含了许多可调用的函数。 1.commons io 可直接百度,...
    99+
    2022-11-12
  • Java实现图片文件上传
    Java实现后台图片上传,将上传图片的接口进行分层,便于维护接口。 接口部分(interface) 将接口分为单图片上传以及多图片上传 public interface FileUp...
    99+
    2022-11-13
  • node.js中实现kindEditor图片上传功能的方法教程
    前言 最近由于工作需要使用在线编辑器,找了几个对比了下KindEditor还是不错的,国产的但文档还是不全,还好能参考官方插件,kindEditor官网上中提供了ASP,ASP.NET,JSP相关的整合应用...
    99+
    2022-06-04
    图片上传 功能 方法
  • 怎么用Springboot+vue实现图片上传至数据库并显示
    今天小编给大家分享一下怎么用Springboot+vue实现图片上传至数据库并显示的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下...
    99+
    2023-07-06
  • java实现上传图片并压缩图片大小功能
    Thumbnailator 是一个优秀的图片处理的Google开源Java类库。处理效果远比Java API的好。从API提供现有的图像文件和图像对象的类中简化了处理过程,两三行代码就能够从现有图片生成处理后的图片,且允许微调图片的生成方式...
    99+
    2023-05-31
    java 上传图片 压缩图片
  • 利用Springboot+vue实现图片上传至数据库并显示的全过程
    目录一、前端设置二、后端代码1.建立数据库2.实体类、Mapper3.接受请求,回传数据三、显示图片1.后端配置2.前端配置总结一、前端设置 前端是Vue + Element-UI ...
    99+
    2023-05-15
    Springboot vue图片上传至数据库并显示 springboot vue项目 springboot vue图片上传
  • java怎么实现图片上传并显示
    在Java中实现图片上传并显示的一种常见的方法是使用Servlet和JSP。下面是一个简单的示例代码: 创建一个Servlet类来...
    99+
    2023-10-24
    java
  • java使用CKEditor实现图片上传功能
    java如何使用CKEditor实现图片上传功能,具体内容如下根据实际需要下载指定的CKEditor删除文件ckeditor/plugins/image/dialogs/image.js预览框中文本内容,并修改hidden属性值为显示上传选...
    99+
    2023-05-31
    ckeditor 上传 ava
  • 小程序实现图片裁剪上传
    本文实例为大家分享了小程序实现图片裁剪上传的具体代码,供大家参考,具体内容如下 <!--图片展示 --> <view bindtap='upEwm' data-wh...
    99+
    2022-11-13
  • 微信小程序实现上传图片
    本文实例为大家分享了微信小程序实现上传图片的具体代码,供大家参考,具体内容如下 //wxml <button class='button' bingtap="uploadSom...
    99+
    2022-11-13
  • 微信小程序实现图片上传
    微信小程序实现图片上传 最近做了个小程序,涉及到了图片上传的功能,今天给大家详细介绍下如何实现小程序图片上传,话不多说先上代码 首先是静态布局和样式部分 .wxml代码部分 ...
    99+
    2023-09-07
    微信小程序 小程序 微信
  • 基于Springboot+vue如何实现图片上传至数据库并显示
    这篇文章主要讲解了“基于Springboot+vue如何实现图片上传至数据库并显示”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“基于Springboot+vue如何实现图片上传至数据库并显示...
    99+
    2023-07-06
  • Java怎么实现的图片上传工具类
    这篇文章给大家分享的是有关Java怎么实现的图片上传工具类的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。具体如下:package com.gcloud.common;import javax....
    99+
    2023-05-31
    java
  • 小程序怎么实现多图片上传
    这篇文章主要介绍“小程序怎么实现多图片上传”,在日常操作中,相信很多人在小程序怎么实现多图片上传问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”小程序怎么实现多图片上传”的疑惑有所帮助!接下来,请跟着小编一起来...
    99+
    2023-06-26
  • 怎么实现图片上传写入磁盘的接口
    本篇内容主要讲解“怎么实现图片上传写入磁盘的接口”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么实现图片上传写入磁盘的接口”吧! 一:开启 Node...
    99+
    2022-10-19
  • Java实现七牛云文件图片上传下载
    目录一、准备工作1.1.为什么选择七牛云?1.2.七牛云注册二、java操作七牛云对象存储下载2.1.pom.xml引入依赖2.2.上传下载具体代码三、具体业务例子(七牛云做...
    99+
    2022-11-12
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作