flexpage和我自己的jinja2页面是否要放在同一级目录下?我把flexpage放在static文件夹中,按照官方的index_startatpage.html改写成自己的页面放在与static同级的templates文件夹,然后访问出来一片空白,连swf播放器的框框也没有显示,看见后台有/FlexPaperViewer.swf HTTP/1.1" 404 -没找到,请问如何配置我的flexpaper
{% extends "base.html" %}
{% block head %}
{{ super() }}
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width" />
<style type="text/css" media="screen">
html, body { height:100%; }
body { margin:0; padding:0; overflow:auto; }
#flashContent { display:none; }
</style>
<link rel="stylesheet" type="text/css" href="/static/Flexpaper/css/flexpaper.css" />
<script type="text/javascript" src="/static/Flexpaper/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/Flexpaper/js/flexpaper.js"></script>
<script type="text/javascript" src="/static/Flexpaper/js/flexpaper_handlers.js"></script>
{% endblock %}
{% block page_content %}
<div style="position:absolute;left:100px;top:100px;">
<div id="documentViewer" class="flexpaper_viewer" style="width:770px;height:500px"></div>
<script type="text/javascript">
var startDocument = "Paper";
$('#documentViewer').FlexPaperViewer(
{ config : {
SWFFile : '/static/Flexpage/docs/Paper.pdf.swf',
Scale : 2.0,
ZoomTransition : 'easeOut',
ZoomTime : 0.5,
ZoomInterval : 0.2,
FitPageOnLoad : true,
FitWidthOnLoad : false,
FullScreenAsMaxWindow : false,
ProgressiveLoading : false,
MinZoomSize : 0.2,
MaxZoomSize : 5,
SearchMatchAll : false,
InitViewMode : 'Portrait',
RenderingOrder : 'flash',
StartAtPage : '3',
ViewModeToolsVisible : true,
ZoomToolsVisible : true,
NavToolsVisible : true,
CursorToolsVisible : true,
SearchToolsVisible : true,
WMode : 'window',
localeChain: 'en_US'
}}
);
</script>
</div>
{% endblock %}
这是我的jinja代码
jinja里引用静态资源用这种方式 {{ url_for('static', filename='./css/style.css') }}
比较好,style.css
位于static
目录下的css
目录中.
建议改成{{ url_for('static', filename='./Flexpage/docs/Paper.pdf.swf') }}
试试.