Skip to content

Commit dc19d6c

Browse files
OleksandrAndriienkoOleksandrAndriienko
committed
Aspose.PDF for JavaScript via C++ 24.3
1 parent 6d32d49 commit dc19d6c

File tree

6 files changed

+116
-4
lines changed

6 files changed

+116
-4
lines changed

‎AsposePDFforJS.js‎

Lines changed: 4 additions & 3 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎AsposePDFforJS.wasm.zip‎

109 KB
Binary file not shown.

‎example.html‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -131,6 +131,10 @@ <h2>Aspose.PDF for JavaScript via C++</h2>
131131
<label for="fileFromTxt">TXT<span class="tooltip">Convert a TXT-file to PDF</span></label>
132132
<input type="file" id="fileFromTxt" accept="text/plain" onchange="ffileFromTxt(event)">
133133
</div>
134+
<div class="column">
135+
<label for="fileFromImage">IMG<span class="tooltip">Convert a Image-file to PDF</span></label>
136+
<input type="file" id="fileFromImage" accept="image/*" onchange="ffileFromImage(event)">
137+
</div>
134138
</div>
135139
</div>
136140

@@ -892,6 +896,17 @@ <h2>Aspose.PDF for JavaScript via C++</h2>
892896
file_reader.readAsArrayBuffer(e.target.files[0]);
893897
}
894898

899+
var ffileFromImage = function (e) {
900+
const file_reader = new FileReader();
901+
file_reader.onload = (event) => {
902+
const json = AsposePdfFromImage(event.target.result, e.target.files[0].name, Module.PdfPageSize.A4, 10, false, "ResultPDFFromImage.pdf");
903+
if (json.errorCode == 0) document.getElementById('output').textContent = json.fileNameResult;
904+
else document.getElementById('output').textContent = json.errorText;
905+
DownloadFile(json.fileNameResult, "application/pdf");
906+
}
907+
file_reader.readAsArrayBuffer(e.target.files[0]);
908+
}
909+
895910
var ffilePdfAddAttachment = function (e) {
896911
const file_reader = new FileReader();
897912
file_reader.onload = (event) => {

‎example_worker.html‎

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -52,6 +52,7 @@
5252

5353
<optgroup label="Convert to PDF">
5454
<option value="AsposePdfFromTxt">Convert a TXT-file to PDF</option>
55+
<option value="AsposePdfFromImage">Convert a Image-file to PDF</option>
5556

5657
<optgroup label="Organize PDF">
5758
<option value="AsposePdfOptimize">Optimize a PDF-file</option>
@@ -289,7 +290,7 @@
289290
// AsposePdfRemoveMetadata, AsposePdfChangePassword, AsposePdfOptimizeResource,
290291
// AsposePdfSetBackgroundColor, AsposePdfDeleteAnnotations, AsposePdfDeleteBookmarks,
291292
// AsposePdfDeleteAttachments, AsposePdfDeleteImages, AsposePdfDeleteJavaScripts,
292-
// AsposePdfFromTxt, AsposePdfAddAttachment, AsposePdfReplaceText
293+
// AsposePdfFromTxt, AsposePdfAddAttachment, AsposePdfReplaceText, AsposePdfFromImage
293294
DownloadFile(json.fileNameResult, "application/pdf", params[0]);
294295
}
295296
}
@@ -539,6 +540,13 @@
539540
transfer = [event.target.result];
540541
params = [event.target.result, ffile.name, searchText];
541542
break;
543+
case 'AsposePdfFromImage':
544+
const pageSize = 'Module.PdfPageSize.A3';
545+
const margin = 40;
546+
const isLandscape = true;
547+
transfer = [event.target.result];
548+
params = [event.target.result, ffile.name, pageSize, margin, isLandscape, `Result${operation}.pdf`];
549+
break;
542550
default:
543551
// AsposePdfOptimize, AsposePdfAddPageNum, AsposePdfConvertToGrayscale, AsposePdfAConvertToPDF,
544552
// AsposePdfRemoveMetadata, AsposePdfRepair, AsposePdfOptimizeResource, AsposePdfDeleteAnnotations,
@@ -572,6 +580,9 @@
572580
case 'AsposePdfFromTxt':
573581
document.getElementById('fileOperation').setAttribute("accept", 'text/plain')
574582
break;
583+
case 'AsposePdfFromImage':
584+
document.getElementById('fileOperation').setAttribute("accept", 'image/*')
585+
break;
575586
default:
576587
document.getElementById('fileOperation').setAttribute("accept", 'application/pdf')
577588
}

‎snippets/AsposePdfFromImage.html‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<meta charset="UTF-8">
7+
<title>Aspose.PDF for JavaScript via C++</title>
8+
</head>
9+
10+
<body>
11+
<label for="fileFromImage">Choose a Image-file to convert to PDF</label>
12+
<input type="file" id="fileFromImage" accept="image/*" onchange="ffileFromImage(event)">
13+
<br>
14+
<pre id="output"></pre>
15+
</body>
16+
<!-- Load and initiate Aspose.PDF for JavaScript via C++ -->
17+
<script type="text/javascript" async src="AsposePDFforJS.js"></script>
18+
<script type="text/javascript">
19+
/// [Code snippet]
20+
var ffileFromImage = function (e) {
21+
const file_reader = new FileReader();
22+
file_reader.onload = (event) => {
23+
/*Convert a Image-file to PDF and save the "ResultPDFFromImage.pdf"*/
24+
const json = AsposePdfFromImage(event.target.result, e.target.files[0].name, Module.PdfPageSize.A4, 10, false, "ResultPDFFromImage.pdf");
25+
if (json.errorCode == 0) document.getElementById('output').textContent = json.fileNameResult;
26+
else document.getElementById('output').textContent = json.errorText;
27+
/*Make a link to download the result file*/
28+
DownloadFile(json.fileNameResult, "application/pdf");
29+
}
30+
file_reader.readAsArrayBuffer(e.target.files[0]);
31+
}
32+
/// [Code snippet]
33+
</script>
34+
35+
</html>

‎snippets/AsposePdfFromImage_worker.html‎

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<meta charset="UTF-8">
7+
<title>Aspose.PDF for JavaScript via C++</title>
8+
</head>
9+
10+
<body>
11+
<label for="fileFromImage">Choose a Image-file to convert to PDF</label>
12+
<input type="file" id="fileFromImage" accept="image/*" onchange="ffileFromImage(event)">
13+
<br>
14+
<pre id="output">please wait for loading...</pre>
15+
</body>
16+
17+
<script type="text/javascript">
18+
/// [Code snippet]
19+
/*Create Web Worker*/
20+
const AsposePDFWebWorker = new Worker("AsposePDFforJS.js");
21+
AsposePDFWebWorker.onerror = evt => console.log(`Error from Web Worker: ${evt.message}`);
22+
AsposePDFWebWorker.onmessage = evt => document.getElementById('output').textContent =
23+
(evt.data == 'ready') ? 'loaded!' :
24+
(evt.data.json.errorCode == 0) ? `Result:\n${DownloadFile(evt.data.json.fileNameResult, "application/pdf", evt.data.params[0])}` : `Error: ${evt.data.json.errorText}`;
25+
26+
/*Event handler*/
27+
const ffileFromImage = e => {
28+
const file_reader = new FileReader();
29+
file_reader.onload = event => {
30+
/*Convert a Image-file to PDF and save the "ResultPDFFromImage.pdf" - Ask Web Worker*/
31+
AsposePDFWebWorker.postMessage({ "operation": 'AsposePdfFromImage', "params": [event.target.result, e.target.files[0].name, 'Module.PdfPageSize.A4', 0, true, "ResultPDFFromImage.pdf"] }, [event.target.result]);
32+
};
33+
file_reader.readAsArrayBuffer(e.target.files[0]);
34+
};
35+
/// [Code snippet]
36+
37+
/*Make a link to download the result file*/
38+
const DownloadFile = (filename, mime, content) => {
39+
mime = mime || "application/octet-stream";
40+
var link = document.createElement("a");
41+
link.href = URL.createObjectURL(new Blob([content], {type: mime}));
42+
link.download = filename;
43+
link.innerHTML = "Click here to download the file " + filename;
44+
document.body.appendChild(link);
45+
document.body.appendChild(document.createElement("br"));
46+
return filename;
47+
}
48+
</script>
49+
50+
</html>

0 commit comments

Comments
 (0)