Reply to thread

Message

<blockquote data-quote="jennt" data-source="post: 29633207" data-attributes="member: 578773">meeka rerender wenne ay kiyala kiyanna puluwanda? document eka overlap wenawa infinite loop ekakata gihin.ps: mama react danne nathooo.plz help ekak dennoo <img class="smilie smilie--emoji" loading="lazy" alt="🙏" title="Folded hands&nbsp; &nbsp; :pray:" src="https://cdn.jsdelivr.net/joypixels/assets/6.6/png/unicode/64/1f64f.png" data-shortname=":pray:" /><img class="smilie smilie--emoji" loading="lazy" alt="🙏" title="Folded hands&nbsp; &nbsp; :pray:" src="https://cdn.jsdelivr.net/joypixels/assets/6.6/png/unicode/64/1f64f.png" data-shortname=":pray:" /><img class="smilie smilie--emoji" loading="lazy" alt="🙏" title="Folded hands&nbsp; &nbsp; :pray:" src="https://cdn.jsdelivr.net/joypixels/assets/6.6/png/unicode/64/1f64f.png" data-shortname=":pray:" /><img class="smilie smilie--emoji" loading="lazy" alt="🙏" title="Folded hands&nbsp; &nbsp; :pray:" src="https://cdn.jsdelivr.net/joypixels/assets/6.6/png/unicode/64/1f64f.png" data-shortname=":pray:" /><img class="smilie smilie--emoji" loading="lazy" alt="🙏" title="Folded hands&nbsp; &nbsp; :pray:" src="https://cdn.jsdelivr.net/joypixels/assets/6.6/png/unicode/64/1f64f.png" data-shortname=":pray:" />ada meeka danna oona. monawa karannada kiyala hithaganna baruwa inne.. <img class="smilie smilie--emoji" loading="lazy" alt="😢" title="Crying face&nbsp; &nbsp; :cry:" src="https://cdn.jsdelivr.net/joypixels/assets/6.6/png/unicode/64/1f622.png" data-shortname=":cry:" />[CODE]import { useEffect, useRef, useState } from &quot;react&quot;;import &quot;./App.css&quot;;import WebViewer from &quot;@pdftron/webviewer&quot;;import * as PDFNet from &quot;@pdftron/pdfnet-node&quot;;function App() {&nbsp; const viewerDiv = useRef&lt;HTMLDivElement&gt;(null);&nbsp; useEffect(() =&gt; {&nbsp; &nbsp; WebViewer(&nbsp; &nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &nbsp; path: &quot;lib&quot;,&nbsp; &nbsp; &nbsp; &nbsp; initialDoc: &quot;blank-Pdf.pdf&quot;,&nbsp; &nbsp; &nbsp; &nbsp; fullAPI: true,&nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; viewerDiv.current as HTMLDivElement,&nbsp; &nbsp; ).then((instance) =&gt; {&nbsp; &nbsp; &nbsp; // Move the enableFeatures call inside the then block&nbsp; &nbsp; &nbsp; instance.UI.enableFeatures([instance.UI.Feature.ContentEdit]);&nbsp; &nbsp; &nbsp; const { documentViewer, annotationManager } = instance.Core;&nbsp; &nbsp; &nbsp; documentViewer.addEventListener(&quot;documentLoaded&quot;, async () =&gt; {&nbsp; &nbsp; &nbsp; &nbsp; const doc = documentViewer.getDocument();&nbsp; &nbsp; &nbsp; &nbsp; const xfdfString = await annotationManager.exportAnnotations();&nbsp; &nbsp; &nbsp; &nbsp; const options = { xfdfString };&nbsp; &nbsp; &nbsp; &nbsp; const data = await doc.getFileData(options);&nbsp; &nbsp; &nbsp; &nbsp; const arr = new Uint8Array(data);&nbsp; &nbsp; &nbsp; &nbsp; const blob = new Blob([arr], { type: &quot;application/pdf&quot; });&nbsp; &nbsp; &nbsp; &nbsp; // Convert the Blob to a FormData object&nbsp; &nbsp; &nbsp; &nbsp; const formData = new FormData();&nbsp; &nbsp; &nbsp; &nbsp; // Change &quot;pdf&quot; to &quot;file&quot; to match the expected key on the server&nbsp; &nbsp; &nbsp; &nbsp; formData.append(&quot;file&quot;, blob, &quot;filename.pdf&quot;);&nbsp; &nbsp; &nbsp; &nbsp; fetch(&quot;http://127.0.0.1:5000/upload&quot;, {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; method: &quot;POST&quot;,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; body: formData,&nbsp; &nbsp; &nbsp; &nbsp; })&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .then((response) =&gt; response.blob())&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .then((blob) =&gt; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Create a URL for the blob&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; const url = URL.createObjectURL(blob);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; // Load the URL into the WebViewer&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; instance.UI.loadDocument(url, {extension: 'pdf'});&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; })&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; .catch((error) =&gt; {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; console.error(&quot;Error sending PDF:&quot;, error);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; });&nbsp; }, []);&nbsp; return (&nbsp; &nbsp; &lt;&gt;&nbsp; &nbsp; &nbsp; &lt;div className=&quot;w-full h-screen&quot; ref={viewerDiv}&gt;&lt;/div&gt;&nbsp; &nbsp; &lt;/&gt;&nbsp; );}export default App;[/CODE]</blockquote>

[QUOTE="jennt, post: 29633207, member: 578773"] meeka rerender wenne ay kiyala kiyanna puluwanda? document eka overlap wenawa infinite loop ekakata gihin. ps: mama react danne nathooo. plz help ekak dennoo 🙏🙏🙏🙏🙏 ada meeka danna oona. monawa karannada kiyala hithaganna baruwa inne.. 😢 [CODE]import { useEffect, useRef, useState } from "react"; import "./App.css"; import WebViewer from "@pdftron/webviewer"; import * as PDFNet from "@pdftron/pdfnet-node"; function App() { const viewerDiv = useRef<HTMLDivElement>(null); useEffect(() => { WebViewer( { path: "lib", initialDoc: "blank-Pdf.pdf", fullAPI: true, }, viewerDiv.current as HTMLDivElement, ).then((instance) => { // Move the enableFeatures call inside the then block instance.UI.enableFeatures([instance.UI.Feature.ContentEdit]); const { documentViewer, annotationManager } = instance.Core; documentViewer.addEventListener("documentLoaded", async () => { const doc = documentViewer.getDocument(); const xfdfString = await annotationManager.exportAnnotations(); const options = { xfdfString }; const data = await doc.getFileData(options); const arr = new Uint8Array(data); const blob = new Blob([arr], { type: "application/pdf" }); // Convert the Blob to a FormData object const formData = new FormData(); // Change "pdf" to "file" to match the expected key on the server formData.append("file", blob, "filename.pdf"); fetch("http://127.0.0.1:5000/upload", { method: "POST", body: formData, }) .then((response) => response.blob()) .then((blob) => { // Create a URL for the blob const url = URL.createObjectURL(blob); // Load the URL into the WebViewer instance.UI.loadDocument(url, {extension: 'pdf'}); }) .catch((error) => { console.error("Error sending PDF:", error); }); }); }); }, []); return ( <> <div className="w-full h-screen" ref={viewerDiv}></div> </> ); } export default App; [/CODE] [/QUOTE]

Verification

Awruddata maasa keeyada?

Search

Latest ads

Reply to thread