Javascript 在Iframe中下载base64 Pdf不起作用
我有一个base64 PDF,通过创建如下数据url在页面上显示 base64是document.fileDownloadUrl.data的值,然后我将src设置为dataUrl: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
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)}>
有什么办法可以解决这个问题吗