php中关于js保存文件至本地的问题

最近在搞一个livezilla的在线客服聊天的东东，客户界面要求添加一个下载聊天记录的功能。于是我就是翻看了下网上的各种关于”js保存文件至本地“的资料，发现只能在IE下通过execCommand实现。于是又是一番折腾啊。言归正传，下面开始上正餐。

html标签

<td <!--FU_HIDDEN-->><a id="download"   target="_blank" ><img class="lz_chat_clickable_image" onclick="top.savefile();" src="./images/button_file.gif" border="0" title="<!--lang_client_save_file-->" alt="<!--lang_client_save_file-->"></a></td>

js函数

function savefile()

{

	var result='';

	var iframe = window.frames["lz_chat_frame.3.2"];

	var chatframe =iframe.document.all["lz_chat_frame.3.2.chat.4.0"].contentWindow.document;

	var topframe=iframe.document.all["lz_chat_frame.3.2.chat.0.0"].contentWindow.document;

	//text是从页面上获取到的聊天信息

	var text = chatframe.getElementById('lz_chat_main').innerText;

	//对标签添加连接属性及其值

	topframe.getElementById('download').setAttribute("href","./chatnote.php?data="+text);

}

   　

方式一：通过一个a标签，已get方式将数据传到服务端，然后服务端新建文件，保存传过来的内容，然后读取文件内容，最近进行下载操作。此方式主要是为了我熟悉一下php的新建文件和读取文件。要是你需要直接下载的话，请查看第二种方式。

php代码

<?php 

 $dirname = date('Ymd',time());

 $filename =date('YmdHis',time());

 //在chatrecord目录下创建命名为当前日期的文件夹

 $filepath = "chatrecord/".$dirname;

mk_dir($filepath);

// 循环创建目录

function mk_dir($dir, $mode = 0755)

{

if (is_dir($dir) || @mkdir($dir,$mode)) return true;

if (!mk_dir(dirname($dir),$mode)) return false;

return @mkdir($dir,$mode);

}

//获取内容

header('Content-Type:text/html; charset=utf-8');

$backValue=$_GET['data'];

$filename = 'chatrecord/'.$dirname.'/'.$filename.'.txt';

//将内容写入文件

$myfile = fopen($filename, "w") or die("Unable to open file!");

fwrite($myfile, $backValue);

fclose($myfile);

$filesize   =   filesize($filename);

$now =date('His',time());

$downfilename ='客服记录'.$now.'.txt';//下载的文件名

header( "Content-Type:   application/force-download ");

header( "Content-Disposition:   attachment;   filename=".$downfilename);

header( "Content-Length:   ".$filesize);

$data   =  file_get_contents($filename);//获取文件内容

echo   $data;

?>

方式二：不在服务端保存文件，直接下载文件

<?php

//获取内容

header('Content-Type:text/html; charset=utf-8');

$backValue=$_GET['data'];

$now =date('His',time());

$downfilename ='客服记录'.$now.'.txt';//下载的文件名

header( "Content-Type:   application/force-download ");

header( "Content-Disposition:   attachment;   filename=".$downfilename);

$data   =  $backValue;//获取文件内容

echo   $data;

?>

php中关于js保存文件至本地的问题的相关教程结束。