`

ajax的无刷新文件下载

 
阅读更多
http://langgufu.iteye.com/blog/2076373
1.使用ajax,ajax的返回值类型是json,text,html,xml类型,或者可以说ajax的发送,接受都只能是string字符串,不能流类型,所以无法实现文件下载,强用会出现response冲突。
如果非要使用ajax的话,只能通过返回值得到生成的文件相关url。然后在回调函数里通过创建一个iframe,并设置其src值为文件url,或者一个对文件生成流的处理url,这样操作来实现文件下载且页面无刷新。

2.不使用ajax,通过dom动态操作或创建iframe,form的方式来实现,在下载文件的同时实现页面不刷新,其中iframe的src可以是文件地址url来直接下载文件,也可以是流处理url通过response流输出下载,form的是流处理url通过response流输出下载,dom动态操作的时候实现文件下载,且页面无刷新。

要在下载的同时实现进度条的话,可以创建一个定时任务,每隔一定时间就向后台发送请求,通过公用的对象,比如session,来取得文件下载的处理进度。


js自定义方法通过隐藏iframe实现文件下载 http://www.jb51.net/article/34169.htm
<script> 
function download() 
{ 
//下载文件的地址 
var url="http://music.baidu.com/data/music/file?link=http://zhangmenshiting.baidu.com/data2/music/13618994/13618995183600128.mp3?xcode=48d4a720fcd9a974586066d0145f7207"; 
document.getElementById("ifile").src=url; 
} 
</script> 
<a href="#" onclick="download()">download</a> 
<iframe id="ifile" style="display:none"></iframe> 
分享到:
评论

相关推荐

    asp Ajax无刷新文件上传(带进度条,无组件)

    【ASP AJAX无刷新文件上传技术详解】 在网页开发中,用户常常需要进行文件上传操作,传统的文件上传方式通常会伴随着页面的刷新,这不仅影响用户体验,也可能导致数据丢失。为了解决这一问题,ASP(Active Server ...

    ajax + asp无刷新文件图片上传程序(带进度条显示)

    ajax + asp无刷新文件异步上传程序,并有进度条实时显示上传进度!ajax + asp无刷新文件异步上传程序,并有进度条实时显示上传进度!ajax + asp无刷新文件异步上传程序,并有进度条实时显示上传进度!ajax + asp无...

    Ajax无刷新文件上传(带进度条)

    在现代Web应用中,"Ajax无刷新文件上传(带进度条)"是一个常见且重要的功能,它极大地提升了用户体验。Ajax(Asynchronous JavaScript and XML)技术使得网页可以在不重新加载整个页面的情况下与服务器交换数据并更新...

    ajax艾恩Ajax无刷新文件上传(带进度条,无组件)

    **Ajax无刷新文件上传技术详解** 在Web开发中,用户经常需要进行文件上传操作,传统的文件上传方式通常会刷新整个页面,导致用户体验下降。而Ajax技术的出现,为实现无刷新文件上传提供了可能。"艾恩Ajax无刷新文件...

    AJAX无刷新留言 无刷新

    【AJAX无刷新留言技术详解】 在Web开发中,AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,它允许在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。AJAX的核心是利用...

    asp无刷新上传文件ajax上传文件 asp无组件上传类 Version 0.97

    asp无刷新上传文件ajax上传文件 请将本程序放到你的虚拟主机上运行,如果本地有iis也可以。有些同学有简易iis服务器,不适用本程序的,因为有部分中文字符不能识别导致无法运行。 如果需要上传多文件可以把index....

    asp+ajax无刷新文件上传带进度条

    在"asp+ajax无刷新文件上传带进度条"这个主题中,我们将讨论如何使用ASP后端处理文件上传,同时利用AJAX提供实时的进度反馈,避免用户在整个上传过程中看到页面刷新。 首先,`upload.asp`很可能是处理文件上传的...

    ajax 无刷新上传文件带进度条

    在现代Web应用中,用户界面的流畅性和交互性至关重要,"Ajax无刷新上传文件带进度条"技术就很好地满足了这一需求。Ajax(Asynchronous JavaScript and XML)是一种创建动态网页的技术,它允许在不重新加载整个页面的...

    JSP_模拟AJAX实现无刷新文件上传

    然而,我们可以利用IFRAME(Inline Frame)来模拟实现AJAX式的无刷新文件上传,以达到类似的效果。 首先,我们需要理解AJAX的工作原理。AJAX允许我们在后台与服务器进行通信,更新部分网页内容,而无需刷新整个页面...

    PHPAJAX实现无刷新下载文件实例(MySQL)

    PHP AJAX实现一款无刷新下载文件的实例,同时与MySQL数据库连接,前端配合CSS与JavaScript技术,完成了一个漂亮的下载页面,这个页面是网页前端编程的综合展现。鼠标在下载列表移动的时候,会适时出现下载提示,抛去...

    jquery+ajax 无刷新案例

    在IT行业中,jQuery和AJAX是两种非常关键的技术,它们共同为网页开发提供了无刷新、交互性强的用户体验。本案例“jquery+ajax 无刷新案例”着重展示了如何结合使用这两种技术来实现一个MD5加密的功能,用户在前端...

    ajax实现java文件下载

    在现代Web应用中,用户对交互性和...总结起来,Ajax实现Java文件下载是一种提高用户体验的有效手段,通过前后端的协同工作,实现了无刷新的文件下载功能。理解并掌握这一技术,对于提升Web应用的交互性具有重要意义。

    ajax无刷新文件上传

    **Ajax无刷新文件上传技术详解** 在Web开发中,用户经常需要上传文件,传统的文件上传方式通常会引发页面刷新,导致用户体验不佳。为了解决这一问题,开发者开始使用Ajax无刷新技术来实现实时的文件上传,使得用户...

    Ajax无刷新多文件(图片)上传及删除源码V1.0

    Ajax无刷新多文件(图片)上传及删除技术是现代网页应用中常见的功能,它极大地提升了用户体验,使得用户在不刷新整个页面的情况下即可完成文件或图片的上传与删除操作。Ajax,全称Asynchronous JavaScript and XML...

    ajax 无刷新 无动作 页面数据自动更新

    **Ajax无刷新技术详解** Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。这种技术使得用户可以与网页进行更流畅、更快捷的交互,提高了用户体验。Ajax的...

    艾恩Ajax无刷新文件上传

    **Ajax无刷新文件上传技术详解** 在Web开发中,用户经常需要进行文件上传操作,传统的文件上传方式通常会刷新整个页面,导致用户体验不佳。随着Ajax技术的发展,无刷新文件上传应运而生,它能够在不刷新页面的情况...

    Ajax全新教程 无刷新页面 无刷新数据更新 无刷新绑定 asp.net全新Ajax教程

    无刷新数据更新是Ajax实现无刷新页面的关键技术。它允许在后台与服务器进行通信,获取或发送数据,然后仅更新页面中的指定部分。例如,一个实时聊天应用,可以通过Ajax实现在不刷新页面的情况下接收到新的消息并显示...

    Ajax无刷新文件上传

    Ajax无刷新文件上传是一种在网页上实现用户交互时无需整个页面刷新的技术,它极大地提升了用户体验。这个技术结合了Ajax(Asynchronous JavaScript and XML)和HTML、CSS以及JavaScript,允许后台与服务器进行数据...

    ajax无刷新上传图片

    总结,实现"ajax无刷新上传图片",关键在于利用Ajax的异步特性结合IFrame规避文件上传限制,通过JavaScript控制前端交互,服务器端处理文件存储,最后通过Ajax更新页面状态,提供流畅的用户体验。在开发过程中,需要...

    艾恩Ajax无刷新文件上传(带进度条,无组件)

    **Ajax无刷新文件上传技术详解** 在Web开发中,用户经常需要进行文件上传操作,而传统的文件上传方式通常会刷新整个页面,导致用户体验不佳。随着Ajax(Asynchronous JavaScript and XML)技术的发展,开发者可以...

Global site tag (gtag.js) - Google Analytics