Tag: jquery

上传前预览xls,xlsx,doc等文件的缩略图

我很难搞清楚如何在上传文件之前预览文件缩略图。 所以当我使用文件select器浏览文件,并select我想要上传的文件时,将显示其相应的预览,如.txt,.csv,.xls或xlsx等。有没有办法以任何方式实现这一点? 简单的方法或复杂的方法可能工作。 我如何获得这样的东西? html文件 <form id="form1" runat="server"> <input type='file' id="imgInp" /> <img id="blah" src="#" alt="your image" /> </form> 这里的JS function readURL(input) { if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $('#blah').attr('src', e.target.result); } reader.readAsDataURL(input.files[0]); } } $("#imgInp").change(function(){ readURL(this); });

创build表客户端,然后下载excel文件或生成Excel文件服务器端,保存到服务器,并使用JQuery从那里下载?

我正在为拥有30万用户的公司网站使用静态HTML / C#方法。 背景: 我在我的网站上有一个HTML页面,用户可以查看大量的报告(20,000多条logging)。 但它是所有分页/sorting的服务器端(大多数用户将查看像20000logging的151-200)。 如果用户select调用API / api / ViewAllCustomers的报表,则运行查询,并使用诸如“userNumber + filters + reportName”之类的键caching整个结果5分钟。 当用户更改报表的页面大小时,将从caching中提取相同的报表,但返回不同数量的logging。 问题: 当用户点击“下载到Excel”button时,我需要将整个报告(20,000多条logging)下载到用户的excel文件中,而无需更改他们正在查看的当前报告(可能是logging数为151到200条logging) 。 这似乎有几个选项。 我可以使用与我的API“bool DownloadToExcel = false”的重载参数相同的方法,然后将文件保存在服务器上,并返回到该URL的path。 或者我可以build立一个不可见的表客户端并从那里下载。 当成千上万的人要求“下载到Excel”时,服务器将被文件充斥。 我应该caching这些excel文件服务器端几分钟,并给用户一个文件的path? 或者我应该build立表客户端,并从那里生成的Excel文件?

导出Excel包含图像的头

我正在使用以下代码导出项目中的Excel文件: var tableToExcel = (function() { var uri = 'data:application/vnd.ms-excel;base64,', template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!–[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]–><meta http-equiv="content-type" content="text/plain; charset=UTF-8"/></head><body><table>{table}</table></body></html>', base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) }, format = function(s, c) { return s.replace(/{(\w+)}/g, function(m, p) { return c[p]; }) } return function(table, name) { if (!table.nodeType) table = document.getElementById(table) var ctx = […]

为什么我的Excel没有得到正确的格式导出给定的HTML数据?

我有我想要导出到Excel使用jQuery的HTML数据。 我的jQuery代码是: $("#btnExport").click(function (e) { var dd=<div> <table cellspacing="0" rules="all" border="1" style="bordercollapse:collapse;"> <tr> <th scope="col">FirstName</th> <th scope="col">LastName</th> <th scope="col">Gender</th> <th scope="col">Team_Name</th> <th scope="col">MobileNumber</th> <th scope="col">Alternative_Number</th> </tr> <tr> <td>Gautam</td><td>Naik</td> <td>Male</td> <td>CCI Internal</td> <td>3537835522</td> <td>8244225654</td> </tr> <table> <div>; window.open('data:application/vnd.ms-excel,' + dd); //e.preventDefault(); }); 这是正在工作的地步,它下载一个xsl文件,但包含这些数据。 当我试图传递相同的HTML数据http://www.convertcsv.com/html-table-to-csv.htm ,它将HTML数据转换为Excel数据,它给了我正确的输出即 我需要在我的jQuery代码中做些什么改变才能使它工作?

转换recursionjQuery用于VBA脚本控制的JavaScript的每个循环

我试图使用下面的脚本遍历嵌套的JSON对象。 它在html中工作正常,但是,我从Excel VBA ScriptControl对象调用它。 当我这样做,它会返回一个“未定义”错误的“$” 我假设这是因为VBA ScriptControl不允许使用jQuery(是这样吗?) 所以…可以帮助将下面的“$ .each()”部分转换为javascript? 码: function jsonFunction() { var jsonObj = { Item1: 'This is a test', Item2: { Value1: '100', Value2: '200' }, Item3: { Value1: '101', Value2: '201' }, }; var result = ''; $.each(jsonObj, jsonLoop); function jsonLoop(key, value) { if (typeof value === 'object') { $.each(value, jsonLoop); […]

导出html表格以使用西class牙文字符

我在JQUERY的帮助下使用脚本将html表导出为ex​​cel。 问题是,该页面包含一些西class牙字符的重音,这些字符在Excel文件中没有正确编码。 但在HTML文件,他们很好。 这是我的HTML页面脚本: <!DOCTYPE html> <html lang="es"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> </head> <body> <form action="exporttoexcel.php" method="post" onsubmit='$("#datatodisplay").val( $("<div>").append( $("#ReportTable").eq(0).clone() ).html() )'> <table id="ReportTable" width="600" cellpadding="2" cellspacing="2" class="myClass"> <tr> <th>First Name</th> <th>Last Name</th> <th>Country</th> </tr> <tr> <td><center> investigación </center></td> <td><center> investigación </center></td> <td><center> investigación </center></td> </tr> </table> <table width="600px" cellpadding="2" cellspacing="2" border="0"> <tr> […]

JSFiddle无法提供DataTablebutton导出为Excel的button

我想获得DataTable的JQuery插件导出一个简单的表格作为Excel,而不是CSV。 我自己的代码至less显示button,但在这个JSFiddle我甚至不能得到: https://jsfiddle.net/4tuupc5f/4/ 为什么在所有插件资源被引用的情况下,不提供一个Excel导出的Excelbutton? $('#example').DataTable( { buttons: [ 'excel' ] } );

在多个文件中分割大型HTML文件

我想说,我是在html编码非常新手的前言。 我目前在Excel中build立一个相对较大的数据库(2000条目),我想在我的网站上提供该数据库。 我开始做的是将excel数据转换为html数据,然后使用DataTables jQuery插件将其转换为一个很好的可search的html表格。 这是我的代码看起来像: <html> <head> <link rel="stylesheet" type="text/css" href="DataTables-1.10.13/datatables.min.css"/> <script type="text/javascript" src="https://cdn.datatables.net/v/dt/jq-2.2.4/dt-1.10.13/fh-3.1.2/datatables.min.js"></script> <style> some style options </style> <script type="text/javascript" charset="utf-8"> $(document).ready(function() { $('#booklist').dataTable({ }); }); </script> </head> <body> <table id="booklist" class="display"> Table data here </table> </body> </html> 我仍然定期更新数据库,并且不得不在文档中拷贝和粘贴新的表格数据,每次都很烦人,特别是因为它代表了大约10000行。 我想知道是否有一种方法可以将表格数据保存在一个单独的文件中,比如说b.html ,并以这样的方式导入它,就像直接粘贴它的内容一样:“表格数据这里“出现在我的原始代码。 我尝试使用jQuery .load()函数,但无法得到它的工作。 我使用CSS格式有问题吗? 让我知道你认为是我的问题的最佳解决scheme。 谢谢!

如何将相同大小的图像从html表格导出到excel

我正在面对从HTML表格导出图像的一些问题。 当我点击导出button下载html表格作为excel文件。 下载的xls文件具有不同的图像大小。 我想导出图像的大小在HTML表中。 我正在使用下面的代码,请给出适当的build议。 任何其他build议也是有帮助的。 <style> table,th,td { border:2px solid red; border-collapse:collapse; } </style> </head> <body> <br/> <br/> <div id="divTable"> <center> <table> <caption>Person Information</caption> <tr> <th>Name</th> <th>Gender</th> <th>contact</th> <th>Image</th> </tr> <tr> <td rowspan="4"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ3rlUFLRgsZ9kWB2DHyelOZdsRn6vXm2HlXKULG5qfYQZVYSrClw" alt="Flowers in Chania" width="80px" height="80px"></td> <td >Male</td> <td>7665716415</td> <td>image</td> </tr> <tr> <td >Male</td> <td>7665716415</td> <td>image</td> </tr> <tr> <td >Male</td> <td>7665716415</td> […]

如何使用javascript在“在一页上合适的页面”实现打印

我试图在一页内打印数据表。 其中有200或300行。 它应该打印在单个页面,如在线MS Excel打印选项 – > 在一个页面上的适合表 。 我怎么能做到这一点是可能的? 我已经尝试了下面的代码, var tble = document.createElement("table"); tble.id = "tble"; document.body.appendChild(tble); var trtd = "<tr><td>123</td></tr>" for (var i = 0; i < 300; i++) { $("#tble").append(trtd); } var divs = "<div id='printing'></div>"; $("#printing").append($("#tble")); $("#printData").click(function() { var printToDiv = $("#printing"); var newWin = window.open("", "print-window"); newWin.document.open(); newWin.document.write('<html><body onload="window.print()">' + […]