iframe预览本地pdf

要在HTML中使用`iframe`标签预览本地PDF文件，您可以按照以下步骤操作：

1. 创建`<iframe>`元素：

   <iframe id="pdfPreview" src="{{ pdfFilePath }}" width="100%" height="500"></iframe>

这里假设您已经定义了一个变量`pdfFilePath`，它指向您的本地PDF文件路径。

2. 在Vue或React组件中设置`src`属性：
对于Vue，您可以这样做：

   export default {
     data() {
       return {
         pdfFilePath: 'path/to/your/local/pdf.pdf'
       };
     },
   ...};

或者在React中：

   import React from 'react';

   const MyComponent = () => {
     const pdfFilePath = 'path/to/your/local/pdf.pdf';
     return (
       <iframe id="pdfPreview" src={pdfFilePath} width="100%" height="500" />
     );
   };

3. 渲染组件时，PDF将在页面上以嵌入式IFrame的形式打开。

注意：在实际应用中，为了安全性和性能，可能需要使用一些库（如pdf.js）来在浏览器环境中解析PDF，而不是直接链接到本地文件。此外，某些浏览器对本地文件访问有限制，可能需要用户给予额外权限。