zoukankan      html  css  js  c++  java
  • Spring Boot +Bootstrap 图片上传与下载,以及在bootstrap-table中的显示

    1.前台上传:

     <input type="file" name="file"  id="file">

    2.后台的接收与处理:

            String uuid = UUID.randomUUID().toString();
            //取得文件
            MultipartFile file = form.getFile();
            //获取存放文件的路径
            File fileDir = UploadUtils.getImgDirFile();
            try {
                //构建新文件,包含路径+文件名
                File newFile = new File(fileDir.getAbsolutePath(), uuid);
                //保存文件
                file.transferTo(newFile);
            } catch (IOException e) {
                e.printStackTrace();
            }

    这里放一下我上面构建存放文件路径的工具类 UploadUtils :

    public class UploadUtils {
    
       /* // 项目根路径下的目录  -- SpringBoot static 目录相当于是根路径下(SpringBoot 默认) 
        public final static String IMG_PATH_PREFIX = "static/upload/imgs";*/
    
        public static File getImgDirFile(){
    
            // 构建上传文件的存放 "文件夹" 路径
            String fileDirPath = new String("C:\webImg");
            File fileDir = new File(fileDirPath);
            if(!fileDir.exists()){
                // 递归生成文件夹
                fileDir.mkdirs();
            }
            return fileDir;
        }
    }

    保存图片后的文件夹:

    3.做完保存,接下来就得让它在前台显示出来,这里使用的容器是bootstrap-table,代码如下:

    <table id="gamesTable" data-bind="bootstrapTable:$root" style="table-layout: fixed;">
                <thead>
                    <tr>
                        <th data-checkbox="true"></th>
                        <th data-field="img" data-formatter="showImg">概念图</th>
                        <th data-field="name">名称</th>
                        <th data-field="dev">开发商</th>
                        <th data-field="shelfTime">发行日期</th>
                        <th data-field="price">价格</th>
                    </tr>
                </thead>
    </table>

    JS处理data-formatter:

     function showImg(value){
        var html="<img src='games/dw?uuid="+value+"'  width='100%' />";
        return html;
    } 

    后台的下载方法:

        public void dw(String uuid,HttpServletRequest request, HttpServletResponse response) {
            Games fileentity = dao.findByImg(uuid);
            if(fileentity==null) {
                
            }else {
                //文件名称
                String filename = "sss.jpg";
                filename = getStr(request, filename);
                //下载文件的路径(即保存文件的路径
                String filePath="C:\webImg";
                File file = new File(filePath, uuid);
                if(file.exists()) {
                    FileInputStream fis;
                    try {
                        fis = new FileInputStream(file);
                        response.setContentType("application/x-msdownload");
                        response.addHeader("Content-Disposition", "attachment; filename=" + filename );
                        ServletOutputStream out = response.getOutputStream();
                        byte[] buf=new byte[2048];
                        int n=0;
                        while((n=fis.read(buf))!=-1){
                            out.write(buf, 0, n);
                        }
                        fis.close();
                        out.flush();
                        out.close();
                    } catch (FileNotFoundException e) {
                        e.printStackTrace();
                    } catch (IOException e) {
                        e.printStackTrace();
                    }
                }
            }
    
        }

    附上处理文件名乱码的方法:

        //处理文件名乱码的问题
        private String getStr(HttpServletRequest request, String fileName) {
            String downloadFileName = null;
            //仅提供了部分代码,因为我们已经明确问题的所在,知道修改那一部分了,(代码中downloadFileName 即代表 *=utf-8'zh_cn'文件名.xx部分)
            String agent = request.getHeader("USER-AGENT");  
             try {
                     if(agent != null && agent.toLowerCase().indexOf("firefox") > 0){
                         //downloadFileName = "=?UTF-8?B?" + (new String(Base64Utils.encode(fileName.getBytes("UTF-8")))) + "?=";
                         //设置字符集
                         downloadFileName = "=?UTF-8?B?" + Base64Utils.encodeToString(fileName.getBytes("UTF-8")) + "?=";
                     }else{
                         downloadFileName =  java.net.URLEncoder.encode(fileName, "UTF-8");
                     }
            } catch (UnsupportedEncodingException e) {
                    e.printStackTrace();
            }
            return downloadFileName;
        }

    以上。

  • 相关阅读:
    WPF自定义控件与样式(13)-自定义窗体Window & 自适应内容大小消息框MessageBox
    WPF自定义控件与样式(12)-缩略图ThumbnailImage /gif动画图/图片列表
    WPF自定义控件与样式(11)-等待/忙/正在加载状态-控件实现
    WPF自定义控件与样式(10)-进度控件ProcessBar自定义样
    WPF自定义控件与样式(9)-树控件TreeView与菜单Menu-ContextMenu
    WPF自定义控件与样式(8)-ComboBox与自定义多选控件MultComboBox
    WPF自定义控件与样式(7)-列表控件DataGrid与ListView自定义样式
    WPF自定义控件与样式(6)-ScrollViewer与ListBox自定义样式
    常用类-CSV---OLEDB
    常用类-ExcelHelper
  • 原文地址:https://www.cnblogs.com/ElPsyCongroowx/p/11119561.html
Copyright © 2011-2022 走看看