不知道各位朋友有没有遇到过这样的需求。"XXX程序员我想把Word内容放入我的贴子中,行吗?"XXX官员说。XXX程序员说:"用CTRL+C,在CTRl+V。”XXX官员说:“不,我要能直接导入的那种。”晕!!
下面我就来谈谈我的实现。首先你要具备的背景是一点点的DOM知识、一点点的Word控件知识、一点点的IE知识(这个在下次提取word文档中的图片路径要用到)。接下来的思路很简单,用Word控件把内容另存为HTML文件,然后通过流把它放在IFrame中,再删除该HTML文件(以下是实现功能的脚本)。
<script language="javascript">
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>
<INPUT type=button value=ok name=ok LANGUAGE=javascript onclick="return ok_onclick()"></p><p>
<iframe name="ScriptDiv" id="ScriptDiv" width="633" height="1968" ></iframe></p>。
总结:该方法简单是简单(省去了服务端买解析Word文档的控件),但还是和系统绑的很紧的(要有word,FileSystemObject)。 大家觉得呢?