Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/379.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在Iframe中下载base64 Pdf不起作用_Javascript_Html_Reactjs_Iframe_Base64 - Fatal编程技术网

Javascript 在Iframe中下载base64 Pdf不起作用

Javascript 在Iframe中下载base64 Pdf不起作用,javascript,html,reactjs,iframe,base64,Javascript,Html,Reactjs,Iframe,Base64,我有一个base64 PDF,通过创建如下数据url在页面上显示 base64是document.fileDownloadUrl.data的值,然后我将src设置为dataUrl: export const DocumentsListItem = ({ document }: Props) => { const dataUrl = `data:${document.contentType};base64,${document.fileDownloadUrl.data}`; cons

我有一个base64 PDF,通过创建如下数据url在页面上显示

base64是document.fileDownloadUrl.data的值,然后我将src设置为dataUrl:

export const DocumentsListItem = ({ document }: Props) => {
  const dataUrl = `data:${document.contentType};base64,${document.fileDownloadUrl.data}`;
  const openDocument = (urlString) => {
    let win = window.open();
    win.document.write(
      `<iframe src="${urlString}" frameborder="0" style="border:0; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%;" allowfullscreen></iframe>`
    );
  };
export const DocumentsListItem=({document}:Props)=>{
const dataUrl=`data:${document.contentType};base64,${document.fileDownloadUrl.data}`;
const openDocument=(urlString)=>{
let win=window.open();
win.document.write(
``
);
};
它在一个新选项卡上正确打开文件,并使用chrome的PDF阅读器读取,但当我单击右上角的下载按钮或右键单击并选择“另存为”时,它什么也不做

然后单击“我这样做”:

<a className={Styles.downloadCol} onClick={() => openDocument(dataUrl)}>
openDocument(dataUrl)}>
有什么办法可以解决这个问题吗