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生成器与JS特效详解** 在Web开发领域,jQuery是一个非常重要的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。jQuery的流行在于它的易学性和强大的功能,使得开发者能够快速创建出...
本教程将详细讲解如何利用jQuery生成可自定义大小的海报图片,以及涉及到的相关技术。 首先,要理解jQuery的核心概念。jQuery通过选择器(如$("#elementId"))来定位HTML元素,然后可以对这些元素进行操作,如改变...
本文将深入探讨如何使用jQuery生成二维码,并且介绍如何在二维码中嵌入LOGO以及如何保存二维码为图片。 首先,让我们理解二维码(Quick Response Code)的基本概念。二维码是一种二维条形码,可以存储比传统一维...
jquery提供的波形图html文档,纯粹的html布局与框架
本文将深入探讨如何使用jQuery生成二维码,并且重点介绍如何在生成的二维码中支持中文字符。 首先,要生成二维码,我们需要一个库,如`jquery.qrcode.js`。这个库是jQuery的一个插件,专门用于生成二维码。你可以...
首先,"jquery生成的进度条"这个标题暗示我们将学习如何使用jQuery来创建可视化进度指示器。进度条通常用于向用户反馈某个操作的进度,例如文件上传或下载。这可以提高用户体验,因为用户能够看到后台任务的状态,而...
在Web开发中,二维码生成功能常常用于分享链接、电子名片或者下载链接等场景。 HTML+CSS是网页设计的基础,HTML负责结构,CSS负责样式。在这个项目中,HTML可能会提供一个容器来展示生成的二维码,而CSS则会用来...
本文将深入探讨如何使用JS和jQuery来创建二维码图片,并基于提供的"JS/JQuery生成二维码图片源码示例"进行详细解析。 首先,我们需要了解二维码(Quick Response Code)是一种二维条形码,可以存储更多的信息,如...
我们将基于提供的标题"Jquery生成缩略图画廓"和描述,讨论如何实现这一功能,特别是涉及到动态绑定图片和对多种图片格式的支持。 首先,jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画...
在IT行业中,jQuery是一款非常流行的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。本示例代码“jquery动态生成树”是关于如何利用jQuery和相关技术,如Struts2、treeview插件及JSON...
总结来说,jQuery下载文件插件为开发者提供了简单易用的文件下载解决方案,使得在浏览器环境中生成和下载文件变得更加便捷。尽管存在不同的插件选择,开发者应根据项目的特定需求,如兼容性、性能和用户体验等因素,...
本文将详细探讨如何使用jQuery生成条形码,并提供相关的知识点。 一、jQuery简介 jQuery是由John Resig创建的一个轻量级、高性能的JavaScript库,它的核心理念是"Write Less, Do More"。jQuery简化了JavaScript的...
本文将深入探讨如何使用jQuery生成二维码,并基于提供的"jQuery二维码.zip"压缩包进行详细说明。 首先,二维码(Quick Response Code)是一种二维条码,能够存储大量数据,如网址、文本、名片信息等。它们在现代...
总的来说,使用jQuery生成报表是一个结合了前端技术、数据处理和视觉设计的过程。通过理解jQuery的基本操作,结合强大的JavaScript报表库,以及适当的图像和导出功能,你可以创建出既美观又实用的动态报表。在实际...
本文将深入探讨如何使用jQuery生成二维码并确保其在Internet Explorer(IE)浏览器上兼容,这对于那些仍需支持旧版浏览器的开发者来说至关重要。 首先,我们需要一个能够生成二维码的库。在JavaScript中,有一个名...
"js生成二维码jquery.qrcode.js" 是一个基于JavaScript和jQuery的库,用于在网页上动态生成二维码。这个功能在移动互联网应用、网站链接分享、电子票务等领域有广泛的应用。 首先,我们要理解JavaScript(简称JS)...
本文将深入探讨如何使用jQuery生成二维码。 首先,要使用jQuery生成二维码,我们首先需要引入jQuery库和一个专门用于生成二维码的插件,例如`jquery.qrcode.js`。这个插件允许我们在DOM元素上动态生成二维码。为了...
jQuery生成二维码插件是Web开发中的一个实用工具,它使得在网页上动态生成二维码变得简单易行。这个插件名为jQuery.qrcode,是基于流行的JavaScript库jQuery构建的,旨在为开发者提供一种轻量级且灵活的方式来创建...