乔山办公网我们一直在努力
您的位置:乔山办公网 > excel表格制作 > 如何使用JavaScript从<em>excel</em>导入数据到<em>HTML

如何使用JavaScript从<em>excel</em>导入数据到<em>HTML

作者:乔山办公网日期:

返回目录:excel表格制作


1、进入Internet属性。

2、点击安全。

3、选择自定义级别。

4、把ActiveX控件和插件下的所有选项都改成启用。

5、服务器生成html格式的Excel,然后设置



参考《Windows脚本技术》,应e79fa5e98193e59b9ee7ad94366该会有一点收获。

<html xmlns="http:///1999/xhtml" >
<head>
<title>Untitled Page</title>
</head>
<script language="javascript" type="text/javascript">
function importXLS(fileName)
{
objCon = new ActiveXObject("ADODB.Connection");
objCon.Provider = "Microsoft.Jet.OLEDB.4.0";
objCon.ConnectionString = "Data Source=" + fileName + ";Extended Properties=Excel 8.0;";
objCon.CursorLocation = 1;
objCon.Open;
var strQuery;
//Get the SheetName
var strSheetName = "Sheet1$";
var rsTemp = new ActiveXObject("ADODB.Recordset");
rsTemp = objCon.OpenSchema(20);
if(!rsTemp.EOF)
strSheetName = rsTemp.Fields("Table_Name").Value;
rsTemp = null
rsExcel = new ActiveXObject("ADODB.Recordset");
strQuery = "SELECT * FROM [" + strSheetName + "]";
rsExcel.ActiveConnection = objCon;
rsExcel.Open(strQuery);
while(!rsExcel.EOF)
{
for(i = 0;i<rsExcel.Fields.Count;++i)
{
alert(rsExcel.Fields(i).value);
}
rsExcel.MoveNext;
}
// Close the connection and dispose the file
objCon.Close;
objCon =null;
rsExcel = null;
}
</script>
</head>
<body>
<input type="file" id="f" />
<input type="button" id="b" value="import" onclick="if(f.value=='')alert('请选择xls文件');else importXLS(f.value)" />
</body>
</html>
Excel文件,另存为Html格式,就知道了

Response.ContentType 是告诉浏览器,服务器传递过来的内容是什么格式
这个值默认是text/html

这个要在所有的客户机上设置浏览器权限,比如IE的修改方法:
进入Internet属性=》安全=》自定义级别,把ActiveX控件和插件下的所有选项都改成启用

因为js是客户端的,所以服务器不可能控制

我一般是用服务器生成html格式的Excel,然后设置
Response.ContentType = "application/vnd.ms-excel";
Response.AppendHeader("Content-Disposition", "inline;filename=abc.xls");

这样来下载excel,而且这样不用修改客户端的ie设置

1. 要正确的将Web客户端的Excel文件导入到服务器的数据库中,需要将客户端的Excel文件上传到服务器上。可以使用FileUpload控件完成。
  2. Excel文件上传到服务器指定的目录中,这里假设是该站点的upfiles目录中。
  3. 使用SQL语句从upfiles目录中的上传Excel文件中读取数据显示或写入数据库。
  相关代码如下:
  1. 前台文件:
  <%@ Page Language="C#" AutoEventWireup="true" CodeFile="StudentInforInport.aspx.cs" Inherits="StudentInforInport" %>
  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:///TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html xmlns="http:///1999/xhtml" >
  <head runat="server">
  <link rel="stylesheet" type="text/css" href="css/style.css"/>
  <title>从Excel表中导入学生数据</title>
  </head>
  <body>
  <form id="form1" runat="server">
  <div>
  <table style="width: 96%; border-collapse: separate; text-align: center">
  <tr>
  <td colspan="3">
  从Excel中导入</td>
  </tr>
  <tr>
  <td colspan="3" style="text-align: left; height: 9px;">
  </td>
  </tr>
  <tr>
  <td align="center" style="width: 20%;">
  请选择Excel文件路径</td>
  <td align="center" style="width: 483px; height: 18px; text-align: left">
  <asp:FileUpload ID="FileUpload1" runat="server" Width="555px" /></td>
  <td align="center" style="width: 10%">
  <asp:Button ID="Btn_Inport" runat="server" Text="导 入" OnClick="Btn_Inport_Click" /></td>
  </tr>
  <tr>
  <td align="center">
  请选择表名</td>
  <td align="center" style="width: 483px; height: 18px; text-align: left">
  <asp:DropDownList ID="DDList_Sheet" runat="server"></asp:DropDownList></td>
  <td align="center">
  </td>
  </tr>
  <tr>
  <td colspan="3">
  <asp:GridView ID="GV_Excel" runat="server" Height="133px" Width="100%">
  </asp:GridView>
  </td>
  </tr>
  <tr>
  <td style="height: 18px">
  </td>
  <td style="width: 483px; height: 18px;">
  </td>
  <td style="width: 243px; height: 18px;">
  </td>
  </tr>
  </table>
  </div>
  </form>
  </body>
  </html>
  2. 后台代码:
  using System;
  using System.Data;
  using System.Configuration;
  using System.Collections;
  using System.Web;
  using System.Web.Security;
  using System.Web.UI;
  using System.Web.UI.WebControls;
  using System.Web.UI.WebControls.WebParts;
  using System.Web.UI.HtmlControls;
  using System.Data.OleDb;
  using System.Data.SqlClient;
  public partial class StudentInforInport : System.Web.UI.Page
  {
  string strConn = System.Configuration.ConfigurationManager.AppSettings["strconn"].ToString().Trim(); //链接SQL数据库
  protected void Page_Load(object sender, EventArgs e)
  {
  }
  /// <summary>
  /// 查询EXCEL电子表格添加到DATASET
  /// </summary>
  /// <param name="filenameurl">服务器路径</param>
  /// <param name="table">表名</param>
  /// <param name="SheetName">Sheet表名</param>
  /// <returns>读取的DataSet </returns>
  public DataSet ExecleDs(string filenameurl, string table, string SheetName)
  {
  string strConn = "Provider=Microsoft.Jet.OleDb.4.0;" + "data source=" + filenameurl + ";Extended Properties='Excel 8.0'";
  OleDbConnection conn = new OleDbConnection(strConn);
  conn.Open();
  DataSet ds = new DataSet();
  OleDbDataAdapter odda = new OleDbDataAdapter("select * from [" + SheetName + "]", conn);
  odda.Fill(ds, table);
  return ds;
  }
  protected void Btn_Inport_Click(object sender, EventArgs e)
  {
  if (FileUpload1.HasFile == false) //HasFile用来检查FileUpload是否有指定文件
  {
  Response.Write("<script>alert('请您选择Excel文件')</script> ");
  return; //当无文件时,返回
  }
  string IsXls = System.IO.Path.GetExtension(FileUpload1.FileName).ToString().ToLower();//System.IO.Path.GetExtension获得文件的扩展名
  if (IsXls != ".xls")
  {
  Response.Write("<script>alert('只可以选择Excel文件')</script>");
  return; //当选择的不是Excel文件时,返回
  }
  string filename = DateTime.Now.ToString("yyyyMMddHHmmss") + FileUpload1.FileName; // 获取Execle文件名 DateTime日期函数
  string savePath = Server.MapPath(("~\\upfiles\\") + filename); //Server.MapPath 获得虚拟服务器相对路径
  FileUpload1.SaveAs(savePath); //SaveAs 将上传的文件内容保存在服务器上
  OperExcel Excel = new OperExcel();
  ArrayList AL_ExcelSheet = new ArrayList();
  AL_ExcelSheet = Excel.ExcelSheetName(savePath);
  DDList_Sheet.Items.Clear();
  for (int i = 0; i < AL_ExcelSheet.Count; i++)
  {
  DDList_Sheet.Items.Add( AL_ExcelSheet[i].ToString() );
  }
  SqlConnection cn = new SqlConnection(strConn);
  cn.Open();
  DataSet ds = ExecleDs(savePath, filename, DDList_Sheet.Items[0].ToString()); //调用自定义方法得到数据
  DataTable dt = ds.Tables[0];
  if (dt.Rows.Count == 0)
  {
  Response.Write("<script>alert('Excel表为空表,无数据!')</script>"); //当Excel表为空时,对用户进行提示
  }
  else
  {
  // 数据
  GV_Excel.DataSource = dt;
  GV_Excel.DataBind();
  Response.Write("<script>alert('Excle表导入成功!');location='default.aspx'</script>");
  }
  cn.Close();
  }
  }
  注意:当导入的e799bee5baa6e79fa5e98193e59b9ee7ad94337Excel文件中的内容很大时,将发生莫名的错误。因此导入的文件不能太大,一般少于5MB.

相关阅读

  • 如何用<em>js</em>将<em>excel</em>表格<e

  • 乔山办公网excel表格制作
  • 给你提个思路,可以利用网络爬虫的原理做。1.读取一个页面,2.解析HTML提取自己有用数据,写到EXCEL,3.根据页面提取的链接访问下一个页面,如此循环。最好用多线程做。js将excel中的
关键词不能为空
极力推荐

ppt怎么做_excel表格制作_office365_word文档_365办公网