如何实现SP文档库类似百度文档库的效果 (副标题:如何在SP2013文档库的SWF文件用FlexPager显示)
2014-07-16 17:12
351 查看
1、 编辑文档库列表显示页面,如下图:
2、 添加内容编辑器,如下图:
3、 添加如下在【内容编辑器中】-【编辑源】,添加如下JS代码,如下图:
代码如下:
<scrip type="text/javascript" src="/SiteAssets/jquery-1.4.1.js"></script>
<script type="text/javascript">
$(function () {
//强制文档库文档下载
$("a[onclick*='DispEx']").each(function () {
var href = this.href;
if(href.indexOf(".swf")>=0)
{
this.href = 'http://192.168.56.146:8001/_layouts/15/SharePointProject2/FlexPaper/index.html?SourceUrl=' + this.href;
this.target="_blank";
}
});
$("a[onclick*='DispEx']").removeAttr('onclick');
});
</script>
4、 确定保存页面。
5、 测试,在文档库中上传SWF文件,打开效果图如下:
提示:
Ø 如何实现SP的文档库类似百度文档库的效果,可以在后台运行windows服务或TimerJob把上传的各种文档变成SWF文件。
Ø 前提把PPT\Word\Excel\Txt以及其他文件转成PDF文件
Ø 采用PDF2SWF把PDF转成SWF(PDF文件不能加密,否则无法转换)
PDF2SWF
下载地址:http://www.swftools.org/download.html
注意:中文名称谷歌和火狐浏览器问题
这个2个浏览器默认开始URL地址编码。如下图:
如果用手工一个个客户端去关闭不现实。只有用代码判断是否为火狐和谷歌浏览器,如果不是则中文的要编码,如下图:
2、 添加内容编辑器,如下图:
3、 添加如下在【内容编辑器中】-【编辑源】,添加如下JS代码,如下图:
代码如下:
<scrip type="text/javascript" src="/SiteAssets/jquery-1.4.1.js"></script>
<script type="text/javascript">
$(function () {
//强制文档库文档下载
$("a[onclick*='DispEx']").each(function () {
var href = this.href;
if(href.indexOf(".swf")>=0)
{
this.href = 'http://192.168.56.146:8001/_layouts/15/SharePointProject2/FlexPaper/index.html?SourceUrl=' + this.href;
this.target="_blank";
}
});
$("a[onclick*='DispEx']").removeAttr('onclick');
});
</script>
4、 确定保存页面。
5、 测试,在文档库中上传SWF文件,打开效果图如下:
提示:
Ø 如何实现SP的文档库类似百度文档库的效果,可以在后台运行windows服务或TimerJob把上传的各种文档变成SWF文件。
Ø 前提把PPT\Word\Excel\Txt以及其他文件转成PDF文件
Ø 采用PDF2SWF把PDF转成SWF(PDF文件不能加密,否则无法转换)
PDF2SWF
下载地址:http://www.swftools.org/download.html
注意:中文名称谷歌和火狐浏览器问题
这个2个浏览器默认开始URL地址编码。如下图:
如果用手工一个个客户端去关闭不现实。只有用代码判断是否为火狐和谷歌浏览器,如果不是则中文的要编码,如下图:
相关文章推荐
- 如何实现SP文档库类似百度文档库的效果 (副标题:如何在SP2013文档库的SWF文件用FlexPager显示)
- Android中如何使用ViewPager实现类似laucher左右拖动效果
- 基于JS如何实现类似QQ好友头像hover时显示资料卡的效果(推荐)
- Android中如何使用ViewPager实现类似laucher左右拖动效果
- Android中如何使用ViewPager实现类似laucher左右拖动效果
- Android中如何使用ViewPager实现类似laucher左右拖动效果
- Android中如何使用ViewPager实现类似laucher左右拖动效果
- Android中如何使用ViewPager实现类似laucher左右拖动效果
- Android中如何使用ViewPager实现类似laucher左右拖动效果
- Android中如何使用ViewPager实现类似laucher左右拖动效果 3ff8
- 实现类似猫眼影片详情页电影海报滚动效果(ViewPager 两侧显示相邻item)
- 在(ASP+MSSQL)全文本搜索中如何用正则表达式实现类似百度的显示效果?
- Android 类似未读短信,电话图标显示数字效果如何实现的
- 【转】Android 使用ViewPager实现类似gallery画廊的效果(画廊效果之ViewPager显示多个图片)
- Android中如何使用ViewPager实现类似laucher左右拖动效果
- Android中如何使用ViewPager实现类似laucher左右拖动效果
- Android中如何使用ViewPager实现类似laucher左右拖动效果
- Android 使用ViewPager实现类似gallery画廊的效果(画廊效果之ViewPager显示多个图片)
- Android中如何使用ViewPager实现类似laucher左右拖动效果
- Android中如何使用ViewPager实现类似laucher左右拖动效果