欢迎访问:常州市武进区嘉泽中心小学网站 !今天是:
栏目列表
您现在的位置是:首页>>教师>>计算机技术>>网站制作技术>>文章内容
用脚本将Word文档内容放入IFrame的雕虫小技
发布时间:2008-11-20   点击:   来源:本站原创   录入者:佚名
 

不知道各位朋友有没有遇到过这样的需求。"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)。 大家觉得呢?


附件:
    关闭窗口
    打印文档
    账号登录
    保持登录 忘记密码?
    账号与武进教师培训平台同步