使用frame 进行文件下载 ; ajax 服务端返回下载链接进行文件下载

最新推荐文章于 2023-06-07 16:41:20 发布

HLhakey

最新推荐文章于 2023-06-07 16:41:20 发布

阅读量1.2k

点赞数

分类专栏： JavaScript 文章标签： ajax iframe ajax下载 springMvc 文件下载

本文链接：https://blog.csdn.net/HLhakey/article/details/77870580

版权

本文介绍了如何通过Ajax和iframe结合，实现从SpringMvc服务端返回下载链接，完成文件的下载操作。在页面代码中设置iframe，通过js代码发送Ajax请求获取下载URL，最后在服务端提供下载文件的接口。

摘要由CSDN通过智能技术生成

页面代码:

<iframe id="downloadFile" src=""></iframe>

js代码:

 $("#export").on('click',function(){
   

        var downloadFile= $("#downloadFile");
        $.ajax({
            type: "post",
            url:  "ht

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

HLhakey

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

使用Docker搭建Nextcloud个人工作中心(同步盘+离线下载等功能)以及DNS服务器搭建

coderSalad的博客

10-21

4123

前言需求首先要明确的是，到底有没有使用网盘的需求，如果你经常共享文件，或者需要备份自己的资料，或者你有多个终端，或者你需要移动办公。。。等等如果你确实有这样的需求，或者你正在使用市面上的网盘，自己再喜欢动动手，或者需要保存一些小秘密，那么继续往下看。选型网盘又分为备份盘和同步盘。顾名思义，备份盘主要是用来存储文件，比如百度网盘(除工作空间功能)、阿里云盘、微云、天翼云盘、115网盘等等，都算是备份盘，或者大家主要使用的功能都是备份盘的功能。而同步盘则主要有坚果云、Onedrive等(国外

ajax_读取服务器文件内容.js

11-19

js中的ajax库，使用时需要三个参数， function ajax(url,fnSucc,fnFailed) 第一个为要读取的文件的地址，第二个是读取成功之后要执行的操作的函数，第三个是读取失败后要执行的操作的函数。 if (oAjax.status == 200)//读取成功 { fnSucc(oAjax.responseText); } else//读取失败 { if (fnFailed) fnFailed(oAjax.status); }

参与评论您还未登录，请先登录后发表或查看评论

http请求下载文件

u010552708的专栏

12-15

6555

最近遇到一个请求需要从数据库查询出来，然后点击下载，可以下载从数据库查询的的数据，并换行显示。 @RequestMapping("downLoadCardListByCardType") public void downLoadCardListByCardType(String cardType, HttpServletResponse httpResponse) { List gi

ajax 获取文件路径

08-14

ajax jsp获取本地文件夹所有的路径根据文本框里的内容显示在画面上的一个小案例

iframe实现无刷新上传下载

10-21

7800

最近我维护的网站在审核时加了个上传下载的功能，能上传多个文件（文件很小、不超过3个、上传时可以多选、且要有上传进度），下载时有选择的下载。页面是用aspx做的，微软自带的只有单文件上传，于是乎想到flash。找了三个现成的，测试发现一个不兼容IE9，另两个都通过了，但发现有点山寨，flash是封装好的，一个上面有广告，一个是英文的，既是封装的，我也不知道里面到底干了什么，也没想去看As语言的语法。

用ajax从服务器传文件，ajax方法

web前端技术交流分享

01-08

590

ajax1 div{ width:600px; height:400px; border:solid 1px #ccc; color:#f00; } #info { overflow: auto; } $('input[type=button]').click(function(){ var ul = $('#info>ul'); $.ajax({

聊天室平台搭建【免费下载无需积分/C币】java、Android、php多平台聊天室源码打包下载

忧莉馨的博客

01-02

1982

【免费下载无需积分/C币】多款聊天平台源码合集免费下载，#聊天室源码， #聊天源码，#聊天工具，#源码下载，#仿QQ

用jQuery实现Ajax

m0_53698336的博客

11-01

6712

Ajax 全称“Asynchronous JavaScript and XML”，译为“异步 JavaScript 和 XML”，程序员们习惯称之为“阿贾克斯”，它并不是一种技术，而是多种技术的综合体，其中包括 JavaScript、XML、JSON、DOM、CSS、HTML 以及最重要的 XMLHttpRequest 对象。通过 Ajax 可以异步从服务器请求数据并将数据更新到网页中，整个过程不需要重载（刷新）整个网页，可以将网页的内容更快的呈现给用户。这里的异步是指，当程序执行到 Ajax 代码时，将

SignalR实现从服务端主动发送数据到客户端

begeneral的专栏

08-21

3199

场景：服务端在后台开启了一个HttpListener的监听器来监听第三方设备通过http协议发送过来的设备实时数据，当服务端接收到设备的实时数据后，通过SignalR技术将数据发送到前端我们先看服务端添加SignalR组件的步骤吧。首先我们要从NuGet上查找SignalR组件，安装以下两个组件：在当前项目上右击，添加新建项，找到OWIN Startup类，点击添加。代码如下： public void Configuration(IAppBuilder app) {.

Frame(框架的使用)

12-02

Frame(框架的使用),通过使用框架你可以免除因页面跳转而引起的整个页面频繁刷新

前端下载文件流

weixin_小白鼠的博客

06-26

7005

这种方式不能在下载时名命文件，需要后端设置文件名二、a标签下载 a标签的download属性，ie浏览器是不支持的请求的时候记得加responseType为blob,不然下载后点开是空白文件前端可以对文件名命如果我们要使用后端返回的文件名（一般都在content-disposition中） blob、MIME相关补充基本语法blob表示二进制大对象（binary larget object）,是js对不可修改的二进制数据的封装类型，主要用于存储二进制大对象,例如可以存储图片,音视频等文件;它的数据可以

下载文件

weixin_30414635的博客

04-14

前端通过请求获取数据流生成文档文件的方式是一种开发下载文档的方式，那么在前端如何将数据流转成文档呢？代码如下 const element = window.document.createElement('a'); //创建一个元素 const blob = new window.Blob([content]); // 创建一个Bolb对象 element.download = ...

使用Servlet和Bootstrap上传Ajax文件

最佳 Java 编程

06-11

212

介绍在本教程中，我们将检查Ajax文件上传如何与Servlet一起使用。同样，我们将用Bootstrap装饰表单并通过jQuery Ajax上传ajaxify文件。实作基本的servlet实现是相同的。因此，我们需要做的第一件事是更新我们的web.xml文件并为我们的应用程序指定servlet。 web.xml <?xml version="1.0" encodin...

通用fetch、iframe 原生js下载视频自定义文件名

最新发布

刻痕

06-07

1211

通用fetch、iframe 原生js下载视频自定义文件名转载自：https://blog.csdn.net/yun_master/article/details/114551493。axio 类同，但是需要下载依赖，fetch是windows下自带的，更方便。其他方案一般般，也有用插件的，暂时就这两个实用一些。注意，此方案有跨域风险。下载视频，支持跨域。

Vue开发中实用的文件下载（仅包括视频下载和图片下载）

真的是哪个男人！

05-25

4771

Vue开发中实用的文件下载（仅包括视频下载和图片下载）

前端利用AJAX下载文件的方法

sleep_i_like的博客

04-11

1919

在该函数中，使用xhr.response属性获取响应数据，类型为Blob对象，然后通过window.URL.createObjectURL(blob)方法将Blob对象转换成URL对象，并将这个URL赋值给下载链接的href属性，从而实现了浏览器对二进制数据的下载。创建一个URL对象，将其设置为a标签的下载链接，设置a标签的下载文件名……

前端下载文件的几种方式

HuangZeJunXXX的博客

11-03

5991

一、a标签实现文件下载 1、获取下载的文件 $.ajax({ url:“get-file”, type:“get”, dataType:‘JSON’ }).then(function(res){ //获取到从后台响应的数据 console.log(res); }) 通过a标签实现下载的数据格式为：下载文件的url地址，所以从后台获取数据时得到的是url格式与后台的交互方式为：ajax、get等...

使用jsp+ajax实现无刷新文件上传

以下是使用AJAX和IFrame进行文件上传的基本步骤： 1. 创建一个包含文件输入字段的HTML表单，设置`enctype`为`multipart/form-data`和`target`为隐藏IFrame的名称。 2. 在JavaScript中，监听表单的提交事件，阻止其...