Office等类型文件的在线编辑

15.4  Office等类型文件的在线编辑
自从WebDAV的出现以来,微软和Adobe等公司率先对它进行支持。例如,微软操作系统中的资源管理器,可以直接和WebDAB Folder中的资源相互拷贝、粘贴、剪切,甚至是目录,而Office编辑器就天生支持WebDAV,使得使用的人员能够在线编辑Office文件,请看下面的代码:

    <%@ page language="java" import="java.util.*" 
pageEncoding="UTF-8"%><html>
<head><meta http-equiv=content-type content="text/
html; charset=UTF-8">
<title>Office等类型文件的在线编辑</title>
</head>
<body>
<div></div>

 

<script type="text/javascript" language="JavaScript" src="/jcore/resource/javascript/Jcore.js"></script>
<script type="text/javascript" language="JavaScript" src="/jcore/resource/javascript/Jweb.js"></script>
<script type="text/javascript" language="JavaScript" src="/jcore/resource/javascript/Jdebug.js"></script>
<script type="text/javascript" language="JavaScript">
<!--

 

var contextPath = "<%=request.getContextPath()%>";

// 通过webDav操作Office文件
// nMod 1 查看
// nMod 2 编辑,默认
// nMod 3 创建
function fnWebDAVFile(szPath, nMod)
{
try{
"undefined" == typeof contextPath && (contextPath = '');
nMod || (nMod = 2);
if(!fnWebDAVFile.oSharePoint)
{
// 操作系统必须安装Office和其SharePoint组件才能使用,默认已经安装
try{fnWebDAVFile.oSharePoint = new ActiveXObject("SharePoint.OpenDocuments.3")}catch(e){
try{fnWebDAVFile.oSharePoint = new ActiveXObject("SharePoint.OpenDocuments.2")}catch(e){
try{fnWebDAVFile.oSharePoint = new ActiveXObject("SharePoint.OpenDocuments.1")}catch(e){
alert("你没有安装Office的SharePoint.OpenDocuments组件");
}
}
}
}
var o = fnWebDAVFile.oSharePoint, l = window.location,
s = l.protocol + "//" + l.host + ":" +contextPath;
szPath = s + szPath;
if(1 == nMod)
o.ViewDocument(szPath);
else if(3 == nMod)
o.CreateNewDocument(szPath, arguments[2]);
else o.editDocument(szPath);
}catch(e){alert(e.message)}
}

 

-->
</script>
<button onclick="fnWebDAVFile('/jcorewebdav/webdav/1.doc',2)"> 点击在线编辑/jcore/webdav/1.doc</button>
</body></html>


15.5  WebDAV folder在上传文件、目录等资源上的引用
WebDAV中最为有意思的是微软操作系统中的资源管理器可以直接和WebDAB Folder中的资源相互拷贝、粘贴、剪切,甚至是目录,这个功能就远远比FTP强多了,下面我们看看它的实现:

    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%@ page language="java" import="java.util.*" 
pageEncoding="UTF-8"%><html>
<head><meta http-equiv=content-type content="text/html;
charset=UTF-8">
<title>WebDAV folder在上传文件、目录等资源上的引用</title>
</head>
<body onload="(oDiv || (oDiv = _id('MyDIv'))).click()">
微软操作系统中的资源管理器可以直接和下面的WebDAB Folder中的资源
相互拷贝、粘贴、剪切,甚至点击进行编辑:
<iframe style="width:100%;height:120px" id="jcoreWebDAV" 
name="jcoreWebDAV"></iframe>
<script type="text/javascript" language="JavaScript" 
src="/jcore/resource/javascript/Jcore.js"></script>
<script type="text/javascript" language="JavaScript" 
src="/jcore/resource/javascript/Jweb.js"></script>
<script type="text/javascript" language="JavaScript"
src="/jcore/resource/javascript/Jdebug.js"></script>
<script type="text/javascript" language="JavaScript">
<!--
var oDiv = _id("MyDIv");
var contextPath = "<%=request.getContextPath()%>";
function fnOpenWebDAVFolder(event, szPath)
{
try{
"undefined" == typeof contextPath && (contextPath = '');
var e = event || window.event || {}, o = oDiv || e.target
|| e.srcElement,l = window.location,
s = l.protocol + "//" + l.host + ":" +  contextPath;
o.navigateFrame(s + szPath, "jcoreWebDAV");
}catch(e){alert(e.message)}
}
-->
</script>
<!--  -->
<div id="MyDIv" style="cursor:pointer;behavior:url
(#default#httpFolder);" onclick="fnOpenWebDAVFolder(event,'/
jcorewebdav/webdav/')">点这里打开WebDAV Folder
</div>
</body></html>

 

 

运行效果如图15-1所示。

Office等类型文件的在线编辑 
图15-1  拖放文件、或目录到WebDAV中
Office等类型文件的在线编辑 
图15-2  拖放文件夹进去并改变视图后的WebDAV Folder

你可能感兴趣的:(JavaScript,html,Office,Adobe,SharePoint)