首页 > 关于flask中使用flexpaper,如下怎么解决?

关于flask中使用flexpaper,如下怎么解决?

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') }}试试.

【热门文章】
【热门文章】