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;

    }

以上。

巴特西

Spring Boot +Bootstrap 图片上传与下载，以及在bootstrap-table中的显示

最新文章

热门文章