Question

我使用Ext JS 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 - / urbanisme / theme / test.pdf

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

我想知道如何在生成PDF后刷新项目，或者如果我在C:中创建生成的PDF我想知道如何从Ext JS 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

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

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

从extjs访问pdf文件

1 个答案: