`
cpu
  • 浏览: 167875 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jQuery 生成下载文件

阅读更多
jquery.generateFile.js
(function($){
	
	// Creating a jQuery plugin:
	
	$.generateFile = function(options){
		
		options = options || {};
		
		if(!options.script || !options.filename || !options.content){
			throw new Error("Please enter all the required config options!");
		}
		
		// Creating a 1 by 1 px invisible iframe:
		
		var iframe = $('<iframe>',{
			width:1,
			height:1,
			frameborder:0,
			css:{
				display:'none'
			}
		}).appendTo('body');

		var formHTML = '<form action="" method="post">'+
			'<input type="hidden" name="filename" />'+
			'<input type="hidden" name="content" />'+
			'</form>';
		
		// Giving IE a chance to build the DOM in
		// the iframe with a short timeout:
		
		setTimeout(function(){
		
			// The body element of the iframe document:
		
			var body = (iframe.prop('contentDocument') !== undefined) ?
							iframe.prop('contentDocument').body :
							iframe.prop('document').body;	// IE
			
			body = $(body);
			
			// Adding the form to the body:
			body.html(formHTML);
			
			var form = body.find('form');
			
			form.attr('action',options.script);
			form.find('input[name=filename]').val(options.filename);
			form.find('input[name=content]').val(options.content);
			
			// Submitting the form to download.php. This will
			// cause the file download dialog box to appear.
			
			form.submit();
		},50);
	};
	
})(jQuery);


调用方法:
$(document).ready(function(){
	
	$('#download').click(function(e){

		$.generateFile({
			filename	: 'export.txt',
			content		: $('textarea').val(),
			script		: 'download.php'
		});
		
		e.preventDefault();
	});
	
	$('#downloadPage').click(function(e){

		$.generateFile({
			filename	: 'page.html',
			content		: $('html').html(),
			script		: 'download.php'
		});
		
		e.preventDefault();
	});
	
});
分享到:
评论

相关推荐

    jquery打包,生成并下载zip文件

    标题 "jquery打包,生成并下载zip文件" 描述了一个使用jQuery技术在前端将图片文件打包成ZIP文件并供用户下载的场景。这个过程无需后端服务器的介入,从而减轻了服务器的压力并提高了用户体验。让我们详细了解一下这...

    jQuery生成器-js特效

    **jQuery生成器与JS特效详解** 在Web开发领域,jQuery是一个非常重要的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。jQuery的流行在于它的易学性和强大的功能,使得开发者能够快速创建出...

    jquery生成海报图片,可自定义图片大小

    本教程将详细讲解如何利用jQuery生成可自定义大小的海报图片,以及涉及到的相关技术。 首先,要理解jQuery的核心概念。jQuery通过选择器(如$("#elementId"))来定位HTML元素,然后可以对这些元素进行操作,如改变...

    jquery生成二维码

    本文将深入探讨如何使用jQuery生成二维码,并且介绍如何在二维码中嵌入LOGO以及如何保存二维码为图片。 首先,让我们理解二维码(Quick Response Code)的基本概念。二维码是一种二维条形码,可以存储比传统一维...

    jqueryhtml文件

    jquery提供的波形图html文档,纯粹的html布局与框架

    jquery 生成二维码 支持中文

    本文将深入探讨如何使用jQuery生成二维码,并且重点介绍如何在生成的二维码中支持中文字符。 首先,要生成二维码,我们需要一个库,如`jquery.qrcode.js`。这个库是jQuery的一个插件,专门用于生成二维码。你可以...

    jquery生成的进度条

    首先,"jquery生成的进度条"这个标题暗示我们将学习如何使用jQuery来创建可视化进度指示器。进度条通常用于向用户反馈某个操作的进度,例如文件上传或下载。这可以提高用户体验,因为用户能够看到后台任务的状态,而...

    Jquery在线生成二维码.rar

    在Web开发中,二维码生成功能常常用于分享链接、电子名片或者下载链接等场景。 HTML+CSS是网页设计的基础,HTML负责结构,CSS负责样式。在这个项目中,HTML可能会提供一个容器来展示生成的二维码,而CSS则会用来...

    JS/JQuery生成二维码图片源码示例

    本文将深入探讨如何使用JS和jQuery来创建二维码图片,并基于提供的"JS/JQuery生成二维码图片源码示例"进行详细解析。 首先,我们需要了解二维码(Quick Response Code)是一种二维条形码,可以存储更多的信息,如...

    Jquery生成缩略图画廓

    我们将基于提供的标题"Jquery生成缩略图画廓"和描述,讨论如何实现这一功能,特别是涉及到动态绑定图片和对多种图片格式的支持。 首先,jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画...

    jquery动态生成树

    在IT行业中,jQuery是一款非常流行的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。本示例代码“jquery动态生成树”是关于如何利用jQuery和相关技术,如Struts2、treeview插件及JSON...

    jquery的下载文件的插件

    总结来说,jQuery下载文件插件为开发者提供了简单易用的文件下载解决方案,使得在浏览器环境中生成和下载文件变得更加便捷。尽管存在不同的插件选择,开发者应根据项目的特定需求,如兼容性、性能和用户体验等因素,...

    jquery-生成条形码

    本文将详细探讨如何使用jQuery生成条形码,并提供相关的知识点。 一、jQuery简介 jQuery是由John Resig创建的一个轻量级、高性能的JavaScript库,它的核心理念是"Write Less, Do More"。jQuery简化了JavaScript的...

    jQuery生成二维码(带jar包可运行)

    本文将深入探讨如何使用jQuery生成二维码,并基于提供的"jQuery二维码.zip"压缩包进行详细说明。 首先,二维码(Quick Response Code)是一种二维条码,能够存储大量数据,如网址、文本、名片信息等。它们在现代...

    jquery生成报表,很多种类型的报表

    总的来说,使用jQuery生成报表是一个结合了前端技术、数据处理和视觉设计的过程。通过理解jQuery的基本操作,结合强大的JavaScript报表库,以及适当的图像和导出功能,你可以创建出既美观又实用的动态报表。在实际...

    jquery生成二维码兼容IE

    本文将深入探讨如何使用jQuery生成二维码并确保其在Internet Explorer(IE)浏览器上兼容,这对于那些仍需支持旧版浏览器的开发者来说至关重要。 首先,我们需要一个能够生成二维码的库。在JavaScript中,有一个名...

    js生成二维码jquery.qrcode.js

    "js生成二维码jquery.qrcode.js" 是一个基于JavaScript和jQuery的库,用于在网页上动态生成二维码。这个功能在移动互联网应用、网站链接分享、电子票务等领域有广泛的应用。 首先,我们要理解JavaScript(简称JS)...

    JQuery生成二维码

    本文将深入探讨如何使用jQuery生成二维码。 首先,要使用jQuery生成二维码,我们首先需要引入jQuery库和一个专门用于生成二维码的插件,例如`jquery.qrcode.js`。这个插件允许我们在DOM元素上动态生成二维码。为了...

    jQuery生成二维码插件.zip

    jQuery生成二维码插件是Web开发中的一个实用工具,它使得在网页上动态生成二维码变得简单易行。这个插件名为jQuery.qrcode,是基于流行的JavaScript库jQuery构建的,旨在为开发者提供一种轻量级且灵活的方式来创建...

Global site tag (gtag.js) - Google Analytics