17、【 商品管理模块开发】——后台商品图片的springmvc和富文本上传以及ftp文件服务器的开发-阿里云开发者社区

开发者社区> 一只叉叉> 正文

17、【 商品管理模块开发】——后台商品图片的springmvc和富文本上传以及ftp文件服务器的开发

简介: 1、FTP文件服务器的搭建: 软件下载:ftpserver; image.png 浏览器访问:ftp://127.0.0.1/ image.
+关注继续查看

1、FTP文件服务器的搭建:

软件下载:ftpserver

img_d3463456a5fabc2022fa8e071a9a0f5e.png
image.png

浏览器访问:ftp://127.0.0.1/

img_487995788bafbe8ba5bac37a5afe2a20.png
image.png

点击任意一个文件,就可以看到我们图片啦,前提是前面指定的目录里面有图片文件~


img_98521e030f50f36d68dfcd1987e1d393.png
image.png

2、接口编写:

1、springmvc方法上传文件:

ProductManageController:中编写下面方法:
*Controller:

   //springmvc文件上传接口
    @RequestMapping("upload.do")
    @ResponseBody
    public ServerResponse upload(HttpSession session, @RequestParam(value = "upload_file",required = false) MultipartFile file, HttpServletRequest request){
        User user=(User) session.getAttribute(Const.CURRENT_USER);
        if(user==null){
            return ServerResponse.createByErrorCodeMessage(ResponseCode.NEED_LOGIN.getCode(),"未登录,请先登录");
        }
        if(iUserService.checkAdminRole(user).isSuccess()){

            String path=request.getSession().getServletContext().getRealPath("upload");
            String targetFileName=iFileService.upload(file,path);
            String url= PropertiesUtil.getProperty("ftp.server.http.prefix")+targetFileName;

            Map fileMap= Maps.newHashMap();

            fileMap.put("uri",targetFileName);
            fileMap.put("url",url);
            return ServerResponse.createBySuccess(fileMap);

        }else {
            return ServerResponse.createByErrorMessage("当前登录者不是管理员,无权限操作");
        }
    }

这行代码需要注意的是@RequestParam(value = "upload_file",required = false) MultipartFile file参数的传入,对应的是相关文件类属性。

public ServerResponse upload(HttpSession session, @RequestParam(value = "upload_file",required = false) MultipartFile file, HttpServletRequest request)

*Service:

    //文件上传方法实现
    String upload(MultipartFile file, String path);

*ServiceImpl:

//文件上传方法实现
    public String upload(MultipartFile file,String path){
        String fileName=file.getOriginalFilename();
        //扩展名
        //abc.jpg 我们要拿到jpg
        String fileExtensionName=fileName.substring(fileName.lastIndexOf(".")+1);
        //防止文件被覆盖,我们使用UUID生产的字符串作为文件名,这样用户上传同名的文件就不会被覆盖了
        String uploadFileName= UUID.randomUUID().toString()+"."+fileExtensionName;
        logger.info("开始上传文件...上传文件的文件名:{},上传的路径:{},新文件名:{}",fileName,path,uploadFileName);

        //创建文件夹
        File fileDir=new File(path);
        if(!fileDir.exists()){
            fileDir.setWritable(true);
            fileDir.mkdirs();
        }
        //上传文件
        File targetFile=new File(path,uploadFileName);

        try {
            file.transferTo(targetFile);
            //文件上传成功

            //将targetFile上传到我们的文件服务器
            FTPUtil.uploadFile(Lists.newArrayList(targetFile));

            //文件已经上传到FTP服务器上
            //上传文件到文件服务器之后,删除我们Tomcat里面的文件,防止存储文件过多
            targetFile.delete();

        } catch (IOException e) {
            logger.error("上传文件异常",e);
            return null;
        }

        return targetFile.getName();
    }

由于是直接讲文件上传到文件服务器,所以不涉及到数据库的操作~

2、富文本上传:

富文本我们选择的是simditor

img_b636b22023db4a93925446b491c65fc5.png
image.png

相关文档位置:
https://simditor.tower.im/docs/doc-config.html#anchor-defaultImage

img_52c68d923c3f575ff0050693a8f27cb7.png
image.png
    //富文本上传接口
    @RequestMapping("richtext_img_upload.do")
    @ResponseBody
    public Map richtextImgUpload(HttpSession session, @RequestParam(value = "upload_file",required = false) MultipartFile file, HttpServletRequest request, HttpServletResponse response){
        Map resultMap=Maps.newHashMap();

        User user=(User) session.getAttribute(Const.CURRENT_USER);
        if(user==null){

            resultMap.put("success",false);
            resultMap.put("msg","未登录,请先登录");
            return resultMap;
        }

        //富文本中对于返回值有自己的要求,我们使用是simditor 所以要按照simditor的要求进行返回

        if(iUserService.checkAdminRole(user).isSuccess()){

            String path=request.getSession().getServletContext().getRealPath("upload");
            String targetFileName=iFileService.upload(file,path);

            if(StringUtils.isBlank( targetFileName)){
                resultMap.put("success",false);
                resultMap.put("msg","上传失败");
                return  resultMap;
            }
            String url= PropertiesUtil.getProperty("ftp.server.http.prefix")+targetFileName;

            resultMap.put("success",true);
            resultMap.put("msg","上传成功");
            resultMap.put("ile_path",url);
            response.addHeader("Access-Control-Allow-Headers","X-File-Name");
            return resultMap;

        }else {
            resultMap.put("success",false);
            resultMap.put("msg","当前登录者不是管理员,无权限操作");
            return resultMap;
        }
    }

至于上传的upload方法我们还是使用springmvc中使用的方法~

3、测试接口:

接下来就是编写一个页面测试这两个方法啦
index.jsp页面中编写下面代码:

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<html>
<body>
<h2>Hello World!</h2>

springmvc上传文件

<form name="form1" action="/manage/product/upload.do" method="post" enctype="multipart/form-data">
    <input type="file" name="upload_file">
    <input type="submit" value="springmvc上传文件">
</form>

富文本图片上传
<form name="form1" action="/manage/product/richtext_img_upload.do" method="post" enctype="multipart/form-data">
    <input type="file" name="upload_file">
    <input type="submit" value="富文本上传文件">
</form>
</body>
</html>

1、springmvc测试:
1


img_3c33363e97d1d260ca339a5537dfdb20.png
image.png

2


img_d81fe203f90a496c0614c864703f45c8.png

3


img_f6e6b285bdd24b830dbfba7f9c38d267.png
image.png

2、符文本测试:
1
img_7cec4bdc0dfe65e197f8a77bc52e82e8.png
image.png

2


img_16696ec0ac31cd5074779d6fdfc7b4c4.png

3
img_cb79ec811ab02d0329f658bb0cc4c74c.png
image.png

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
ftp 抽取文件
背景: 用户将一批数据通过ftp的方式提供给我方,我方需要按照数据的不同类型抽取到不同业务表中。 思路: 通过ftp登陆到对方文件库中,将对方的文件名称拷贝过来 与我...
711 0
Java 文件上传下载管理器(控制台)
Java 文件上传下载管理器(控制台)
2738 0
ftp+nginx实现文件服务器
为什么要有文件服务器呢,如果把文件存放到web容器下肯定不是好的办法,因为你时刻需要注意覆盖后文件消失的问题。如果想完全的搬出web容器,项目不大的话我们可以选择ftp+nginx的方式来实现文件服务器。
1594 0
linux和windows互传文件/用户配置文件和密码配置文件/用户组管理/用户管理
2.27linux和windows互传文件 3.1 用户配置文件和密码配置文件 3.2 用户组管理 3.3 用户管理 linux和windows互传文件 显示日期date [root@centos_1 ~]# date 2017年 11月 21日 星期二 08:38:...
1060 0
+关注
一只叉叉
在校大学生,一只学习Java的小菜鸟
35
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载