用脚本将Word文档内容放入IFrame的雕虫小技

不知道各位朋友有没有遇到过这样的需求。"XXX程序员我想把Word内容放入我的贴子中，行吗？"XXX官员说。XXX程序员说:"用CTRL+C，在CTRl+V。”XXX官员说：“不，我要能直接导入的那种。”晕！！

下面我就来谈谈我的实现。首先你要具备的背景是一点点的DOM知识、一点点的Word控件知识、一点点的IE知识（这个在下次提取word文档中的图片路径要用到）。接下来的思路很简单，用Word控件把内容另存为HTML文件，然后通过流把它放在IFrame中，再删除该HTML文件（以下是实现功能的脚本）。

function insertDoc(filename) {

var tmpfile="c:\\temp.html";

// check template file if exsited

checkFile(tmpfile);

var word=new ActiveXObject("Word.Application");

word.visible=false;

var doc=word.documents.open(filename,false);

if (doc !=null) {

doc.saveAs(tmpfile,10); // convert doc to html，请注意如果是Word2000请将参数改为8，word2003为10

doc.close();

}

word.quit();

//get images'path from word,then put them into inputbox

putImages(tmpfile);

}

function checkFile(filename) {

var fso=new ActiveXObject("Scripting.FileSystemObject");

if (fso.FileExists(filename)) {

fso.DeleteFile(filename,true);

}

function putImages(filename) {

// get data from template file

var tmpstr="";

var fso1=new ActiveXObject("Scripting.FileSystemObject");

if (fso1.FileExists(filename)) {

var txtstrm=fso1.OpenTextFile(filename,1);

tmpstr =txtstrm.readAll();

txtstrm.close();

}

// 下面一大段注释掉的代码是为了下次提取word文档中图片的路径用的，现在还用不到。

var tmp="";

var ie=new ActiveXObject("InternetExplorer.Application");

ie.Navigate(filename);

while (ie.ReadyState!=4) {

}

var objs=ie.Document.all;

var l=objs.length;

var tmptag="";

var tmpsrc="";

var body_top="",body_buttom="", body_mid="";

document.writeln("选择文件上传");

body_top="<table border=1><form name='upladofiles' method='post' action='uploadfiles.jsp'><tr><td>";

document.writeln(body_top);

for (i=0;i<l;i++) {

var obj=objs[i];

try {

tmptag=obj.tagName.toLowerCase();

if (tmptag=="img") {

tmpsrc=obj.src;

tmpsrc=tmpsrc.substring(8,tmpsrc.length);

body_mid="<tr><td><input type='file' name='f' id='>" + i + "'></td>" ;

body_mid=body_mid + "<td>" + tmpsrc + "</td></tr>";

//document.writeln(body_mid);

continue;

}

catch(e){

}

var tmpcontents="<tr><td><textarea name='txtDoc' width=150>" + tmpstr + "</textarea></td></tr>";

document.writeln(tmpcontents);

document.writeln("<tr><td><input type='submit' name='confirm' value='确定'></td></tr></td></tr></form></table>");

document.writeln("<table><tr><td><iframe name='fr_editor' id='fr_editor' width='717' height='501'></iframe></td></tr></table>")

alert(tmpstr);

ScriptDiv.focus();

var sel = ScriptDiv.document.selection.createRange();

sel.pasteHTML(tmpstr);

fso1.DeleteFile(filename,true);

//ie.Quit();

}

</script>

好了具体的代码写完了，要测试就要写一个网页<INPUT type=file name=file1>

总结：该方法简单是简单（省去了服务端买解析Word文档的控件），但还是和系统绑的很紧的（要有word，FileSystemObject）。大家觉得呢？