问题描述
我正在尝试在 reactjs 页面上显示刚刚创建的 pdf,而无需下载它。
我已经使用 iframe 尝试过这个,但它不起作用。
有人可以帮我吗?
import React,{ useEffect,useState } from "react";
import jsPDF from "jspdf";
import "jspdf-autotable";
export default function App() {
const [url,setUrl] = useState("https://reactnative.dev/");
const unit = "pt";
const size = "A4"; // Use A1,A2,A3 or A4
const orientation = "portrait"; // portrait or landscape
const doc = new jsPDF(orientation,unit,size);
const pdf = () => {
const marginLeft = 40;
var finalY = doc.lastAutoTable.finalY || 10;
doc.setFontSize(15);
doc.text("Total: ",marginLeft,finalY + 50);
setUrl(doc.output("datauristring"));
};
useEffect(() => {
pdf();
},[]);
return (
<div className="App">
<h1>Hello</h1>
<iframe title="frame" src={url} height={800} width={600} />
</div>
);
}
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)