这篇文章主要为大家展示了“Html5下载文件前后端的示例代码”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“Html5下载文件前后端的示例代码”这篇文章吧。

创新互联的客户来自各行各业，为了共同目标，我们在工作上密切配合，从创业型小企业到企事业单位，感谢他们对我们的要求，感谢他们从不同领域给我们带来的挑战，让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。专业领域包括成都网站设计、做网站、成都外贸网站建设公司、电商网站开发、微信营销、系统平台开发。

一、前端代码

二、后端代码

 /**
     * 下载导入模板
     *
     * @param response
     * @return
     */
    @GetMapping(value = "downloadTemplate")
    @ResponseBody
    public void downloadTemplate(HttpServletResponse response) {
        File templatePath = new File("D:/tempTest");
        if (!templatePath.exists()) {
            templatePath.mkdirs();
        }

        InputStream in = null;
        OutputStream out = null;
        try {
            String fileName = "template.txt";
            File file = new File("D:/tempTest/" + fileName);

            if(!file.exists()){
                file.createNewFile();
            }

            in = new BufferedInputStream(new FileInputStream(file));
            // 设置response的Header
            response.addHeader("Content-Disposition", "attachment;filename=" + new String(fileName.getBytes()));
            response.addHeader("Content-Length", "" + file.length());
            out = new BufferedOutputStream(response.getOutputStream());
            response.setContentType("application/octet-stream");

            byte[] buffer = new byte[1024];
            int count;
            while ((count = in.read(buffer)) > 0) {
                out.write(buffer, 0, count);
            }

            out.flush();
        } catch (Exception e) {
            e.printStackTrace();
        } finally {
            try {
                if (in != null) {
                    in.close();

                }
                if (out != null) {
                    out.close();
                }
            } catch (IOException e) {
            }
        }

    }

以上是“Html5下载文件前后端的示例代码”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

名称栏目：Html5下载文件前后端的示例代码
本文来源：http://ybzwz.com/article/pjdhei.html