从extjs访问pdf文件

Question

我和Ext 4一起工作。

我使用Java生成了一个PDF (test.pdf)，并使用这段代码在WebContent下生成了这个PDF。

net.sf.jasperreports.engine.JasperExportManager.exportReportToPdfFile(
    jasperPrint,
    "D:/workSpace/Urbanisme/WebContent/theme/" + outputFileName);

现在我想在一个面板中显示这个PDF。

new Ext.Window({
    title:  "print",
    width:  640,
    height: 480,
    layout: 'fit',
    items:  [{
        xtype: "component",
        autoEl: {
            tag: "iframe",
            src: '/urbanisme/theme/test.pdf'
        }
    }]
}).show();

但我有个错误：

etat http 404 -/城市化/主题/test.pdf

我通过刷新我的项目(特别是文件主题)来解决这个错误，在刷新之后，test.pdf将显示在我的项目中。

我想知道如何在生成PDF后刷新我的项目，或者如果用C:生成生成的PDF，我想知道如何从Ext 4访问C:。

我试着没有成功

new Ext.Window({
    title:  "print",
    width:  640,
    height: 480,
    layout: 'fit',
    items:  [{
        xtype: "component",
        autoEl: {
            tag: "iframe",
            src: 'C://test.pdf'
        }
    }]
}).show();

Answer 1

为了在本地文件系统上引用文件，需要使用文件URI方案。基本格式是file://host/path，但在一般情况下，您将使用file:///C:/path/to/file。三个斜杠，以及文件路径中的斜杠而不是反斜杠。

xtype:  'component',
autoEl: {
    tag: 'iframe',
    src: 'file:///C:/test.pdf'
}