It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://jedok.com/converter/jpg-to-pdf

  1.  
  2.  
  3. <!DOCTYPE html>
  4. <html lang="en">
  5. <head>
  6. <meta charset="utf-8" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1" />
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  9.  
  10.  
  12. <title>Convert JPG to PDF Online Free - JPG Converter | jedok.com</title>
  13. <meta name="description" content="Convert JPG to PDF online in seconds with jedok - free, secure JPG converter. Upload a .jpg file and save as TO without installing any software.">
  14. <link rel="canonical" href="https://jedok.com/converter/jpg-to-pdf" />
  15. <meta property="og:title" content="Convert JPG to PDF Online Free - JPG Converter - jedok.com">
  16. <meta property="og:description" content="Convert JPG to PDF online in seconds with jedok - free, secure JPG converter. Upload a .jpg file and save as TO without installing any software.">
  17. <meta property="og:url" content="https://jedok.com/converter/jpg-to-pdf">
  18. <meta property="og:type" content="website">
  19. <meta property="og:image" content="https://jedok.com/jedok-og-image.jpg" />
  20. <meta property="og:image:width" content="1200" />
  21. <meta property="og:image:height" content="630" />
  22. <meta property="og:image:type" content="image/jpeg" />
  23. <meta name="twitter:card" content="summary_large_image">
  24.  
  25. <script type="application/ld&#x2B;json">
  26. {
  27. "@context":"https://schema.org",
  28. "@type":"SoftwareApplication",
  29. "name":"Convert JPG to PDF Online Free - JPG Converter - jedok.com",
  30. "applicationCategory":"UtilitiesApplication",
  31. "operatingSystem":"Web",
  32. "description":"Convert JPG to PDF online in seconds with jedok - free, secure JPG converter. Upload a .jpg file and save as TO without installing any software.",
  33. "offers": {"@type":"Offer","price":"0","priceCurrency":"USD"},
  34. "url":"https://jedok.com/converter/jpg-to-pdf"
  35. }
  36. </script>
  37. <script type="application/ld&#x2B;json">
  38. {
  39. "@context":"https://schema.org",
  40. "@type":"WebSite",
  41. "name":"JeDok",
  42. "url":"https://jedok.com/converter/jpg-to-pdf",
  43. "potentialAction":{"@type":"SearchAction","target":"https://jedok.com/formats/{format}","query-input":"required name=format"}
  44. }
  45. </script>
  46.  
  47.  
  48. <!-- ✅ Performance: Preconnect to CDNs -->
  49. <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
  50. <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin>
  51. <link rel="preconnect" href="https://code.jquery.com" crossorigin>
  52. <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin>
  53.  
  54. <!-- ✅ CSS -->
  55. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" defer crossorigin>
  56. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" defer crossorigin>
  57. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" defer crossorigin>
  58.  
  59. <!-- ✅ Favicons -->
  60. <link rel="icon" type="image/png" sizes="32x32" href="/favicon.png">
  61. <link rel="icon" type="image/png" sizes="64x64" href="/favicon.png">
  62. <link rel="apple-touch-icon" href="/favicon.png">
  63.  
  64. <!-- ✅ Google Analytics -->
  65. <script async src="https://www.googletagmanager.com/gtag/js?id=G-K6FQF5LSG9" type="5af166b0d89d5b77817c3979-text/javascript"></script>
  66. <script type="5af166b0d89d5b77817c3979-text/javascript">
  67. window.dataLayer = window.dataLayer || [];
  68. function gtag(){dataLayer.push(arguments);}
  69. gtag('js', new Date());
  70. gtag('config', 'G-K6FQF5LSG9', { anonymize_ip: true });
  71. </script>
  72.  
  73. <!-- ✅ App Config -->
  74. <script type="5af166b0d89d5b77817c3979-text/javascript">
  75. window.APP_CONFIG = Object.freeze({
  76.  apiBaseUrl: "https://api.jedok.com/api",
  77.  appBaseUrl: "https://jedok.com"
  78. });
  79. </script>
  80.  
  81. <!-- Your site styles -->
  82. <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="5af166b0d89d5b77817c3979-|49"></script><link rel="preload" href="/css/site.css?v=85IF2Oi2NMeLED_gSW3dFrZjKfMm5lOm5QjDu-HU9c4" as="style" onload="this.onload=null;this.rel='stylesheet'">
  83. <noscript b-2u57mvn44z><link rel="stylesheet" href="/css/site.css?v=85IF2Oi2NMeLED_gSW3dFrZjKfMm5lOm5QjDu-HU9c4"></noscript>
  84.  
  85. <!-- Tiny critical inline CSS -->
  86. <style>
  87. /* Base + top bar */
  88. body {
  89. font-family: "Open Sans",Arial,sans-serif;
  90. font-size: .875rem;
  91. color: #333;
  92. margin-bottom: 5px
  93. }
  94.  
  95. .top-bar {
  96. background: #333;
  97. color: #fff;
  98. font-size: 14px;
  99. padding: 5px 0
  100. }
  101.  
  102. .navbar-brand {
  103. font-weight: 700;
  104. font-size: 24px
  105. }
  106. </style>
  107.  
  108. <!-- jQuery: must load before inline scripts -->
  109. <script src="https://code.jquery.com/jquery-3.6.4.min.js" crossorigin type="5af166b0d89d5b77817c3979-text/javascript"></script>
  110.  
  111. <link rel="preconnect" href="https://pagead2.googlesyndication.com" crossorigin>
  112. <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0313867933438659" crossorigin="anonymous" type="5af166b0d89d5b77817c3979-text/javascript"></script>
  113.  
  114. </head>
  115.  
  116. <body>
  117. <!-- Top Bar -->
  118. <div b-2u57mvn44z class="top-bar text-center">
  119. <span b-2u57mvn44z>
  120. <a b-2u57mvn44z rel="nofollow" href="https://fileproinfo.com/free-online-viewer" class="text-white" target="_blank" title="Free online file viewer">Online File Viewer</a> |
  121. <a b-2u57mvn44z class="text-white" href="/contact">[Contact for this Slot]</a>
  122. </span>
  123. </div>
  124.  
  125. <!-- Navbar -->
  126. <nav b-2u57mvn44z class="navbar navbar-expand-lg navbar-light bg-light shadow-sm">
  127. <div b-2u57mvn44z class="container">
  128. <a b-2u57mvn44z class="navbar-brand text-danger" href="/"><img b-2u57mvn44z src="/jedok-logo.png" width="130" alt="jedok" /></a>
  129.  
  130. <button b-2u57mvn44z class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
  131. aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
  132. <span b-2u57mvn44z class="navbar-toggler-icon"></span>
  133. </button>
  134.  
  135. <div b-2u57mvn44z class="collapse navbar-collapse" id="navbarNav">
  136. <ul b-2u57mvn44z class="navbar-nav ms-auto align-items-lg-center">
  137. <li b-2u57mvn44z class="nav-item"><a b-2u57mvn44z class="nav-link" href="/">Home</a></li>
  138.  
  139. <!-- Mega menu -->
  140. <li b-2u57mvn44z class="nav-item dropdown megamenu position-static">
  141. <a b-2u57mvn44z class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">
  142. Convert
  143. </a>
  144.  
  145. <!-- Full-width on desktop, stacked on mobile -->
  146. <div b-2u57mvn44z class="dropdown-menu w-100 mt-0 border-0 shadow">
  147. <div b-2u57mvn44z class="container py-3">
  148. <div b-2u57mvn44z class="row gy-4">
  149.  
  150. <!-- Col 1 (11 items) -->
  151. <div b-2u57mvn44z class="col-12 col-md-6 col-lg-3">
  152. <ul b-2u57mvn44z class="list-unstyled mb-0">
  153. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/3d-file-converter"><i b-2u57mvn44z class="bi bi-box"></i><span b-2u57mvn44z>3D Converter</span></a></li>
  154. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/archive-file-converter"><i b-2u57mvn44z class="bi bi-file-earmark-zip"></i><span b-2u57mvn44z>Archive Converter</span></a></li>
  155. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/audio-file-converter"><i b-2u57mvn44z class="bi bi-music-note"></i><span b-2u57mvn44z>Audio Converter</span></a></li>
  156. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/backup-file-converter"><i b-2u57mvn44z class="bi bi-cloud-arrow-up"></i><span b-2u57mvn44z>Backups Converter</span></a></li>
  157. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/cad-file-converter"><i b-2u57mvn44z class="bi bi-dice-3"></i><span b-2u57mvn44z>CAD Converter</span></a></li>
  158. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/camera-raw-file-converter"><i b-2u57mvn44z class="bi bi-camera"></i><span b-2u57mvn44z>Camera Raw File Converter</span></a></li>
  159. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/common-file-converter"><i b-2u57mvn44z class="bi bi-collection"></i><span b-2u57mvn44z>Common Files Converter</span></a></li>
  160. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/compression-file-converter"><i b-2u57mvn44z class="bi bi-arrows-collapse"></i><span b-2u57mvn44z>Compression Converter</span></a></li>
  161. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/data-file-converter"><i b-2u57mvn44z class="bi bi-file-binary"></i><span b-2u57mvn44z>Data File Converter</span></a></li>
  162. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/database-file-converter"><i b-2u57mvn44z class="bi bi-database"></i><span b-2u57mvn44z>Database Converter</span></a></li>
  163. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/developer-file-converter"><i b-2u57mvn44z class="bi bi-code-slash"></i><span b-2u57mvn44z>Developer Files Converter</span></a></li>
  164. </ul>
  165. </div>
  166.  
  167. <!-- Col 2 (11 items) -->
  168. <div b-2u57mvn44z class="col-12 col-md-6 col-lg-3">
  169. <ul b-2u57mvn44z class="list-unstyled mb-0">
  170. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/diagram-file-converter"><i b-2u57mvn44z class="bi bi-diagram-3"></i><span b-2u57mvn44z>Diagram Converter</span></a></li>
  171. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/disk-image-file-converter"><i b-2u57mvn44z class="bi bi-device-hdd"></i><span b-2u57mvn44z>Disk Image Converter</span></a></li>
  172. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/document-file-converter"><i b-2u57mvn44z class="bi bi-file-earmark-text"></i><span b-2u57mvn44z>Document Converter</span></a></li>
  173. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/ebook-file-converter"><i b-2u57mvn44z class="bi bi-book"></i><span b-2u57mvn44z>eBook Converter</span></a></li>
  174. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/email-file-converter"><i b-2u57mvn44z class="bi bi-envelope"></i><span b-2u57mvn44z>Email Converter</span></a></li>
  175. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/excel-file-converter"><i b-2u57mvn44z class="bi bi-file-earmark-excel"></i><span b-2u57mvn44z>Excel Converter</span></a></li>
  176. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/executable-file-converter"><i b-2u57mvn44z class="bi bi-terminal"></i><span b-2u57mvn44z>Executable File Converter</span></a></li>
  177. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/font-file-converter"><i b-2u57mvn44z class="bi bi-type"></i><span b-2u57mvn44z>Font Converter</span></a></li>
  178. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/game-file-converter"><i b-2u57mvn44z class="bi bi-controller"></i><span b-2u57mvn44z>Game Files Converter</span></a></li>
  179. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/gis-file-converter"><i b-2u57mvn44z class="bi bi-geo-alt"></i><span b-2u57mvn44z>GIS Converter</span></a></li>
  180. </ul>
  181. </div>
  182.  
  183. <!-- Col 3 (11 items) -->
  184. <div b-2u57mvn44z class="col-12 col-md-6 col-lg-3">
  185. <ul b-2u57mvn44z class="list-unstyled mb-0">
  186. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/image-file-converter"><i b-2u57mvn44z class="bi bi-file-earmark-image"></i><span b-2u57mvn44z>Image Converter</span></a></li>
  187. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/misc-file-converter"><i b-2u57mvn44z class="bi bi-three-dots"></i><span b-2u57mvn44z>Misc Converter</span></a></li>
  188. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/note-file-converter"><i b-2u57mvn44z class="bi bi-journal-text"></i><span b-2u57mvn44z>One Note Converter</span></a></li>
  189. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/outlook-file-converter"><i b-2u57mvn44z class="bi bi-envelope-open"></i><span b-2u57mvn44z>Outlook Converter</span></a></li>
  190. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/page-description-language-file-converter"><i b-2u57mvn44z class="bi bi-code-slash"></i><span b-2u57mvn44z>Page Description Language</span></a></li>
  191. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/page-layout-file-converter"><i b-2u57mvn44z class="bi bi-layout-text-window"></i><span b-2u57mvn44z>Page Layout Converter</span></a></li>
  192. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/pdf-file-converter"><i b-2u57mvn44z class="bi bi-file-earmark-pdf"></i><span b-2u57mvn44z>PDF Converter</span></a></li>
  193. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/plugin-file-converter"><i b-2u57mvn44z class="bi bi-plug"></i><span b-2u57mvn44z>Plugin Converter</span></a></li>
  194. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/presentation-file-converter"><i b-2u57mvn44z class="bi bi-file-earmark-ppt"></i><span b-2u57mvn44z>Presentation Converter</span></a></li>
  195. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/project-file-converter"><i b-2u57mvn44z class="bi bi-kanban"></i><span b-2u57mvn44z>Project Converter</span></a></li>
  196. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/project-management-file-converter"><i b-2u57mvn44z class="bi bi-kanban-fill"></i><span b-2u57mvn44z>Project Management Converter</span></a></li>
  197. </ul>
  198. </div>
  199.  
  200. <!-- Col 4 (10 items) -->
  201. <div b-2u57mvn44z class="col-12 col-md-6 col-lg-3 d-none d-lg-block">
  202. <ul b-2u57mvn44z class="list-unstyled mb-0">
  203. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/publisher-file-converter"><i b-2u57mvn44z class="bi bi-journal-richtext"></i><span b-2u57mvn44z>Publisher Files Converter</span></a></li>
  204. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/raster-image-file-converter"><i b-2u57mvn44z class="bi bi-image"></i><span b-2u57mvn44z>Raster Image Converter</span></a></li>
  205. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/settings-file-converter"><i b-2u57mvn44z class="bi bi-gear"></i><span b-2u57mvn44z>Settings File Converter</span></a></li>
  206. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/spreadsheet-file-converter"><i b-2u57mvn44z class="bi bi-table"></i><span b-2u57mvn44z>Spreadsheet Converter</span></a></li>
  207. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/system-file-converter"><i b-2u57mvn44z class="bi bi-cpu"></i><span b-2u57mvn44z>System Files Converter</span></a></li>
  208. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/text-file-converter"><i b-2u57mvn44z class="bi bi-text-paragraph"></i><span b-2u57mvn44z>Text File Converter</span></a></li>
  209. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/vector-image-file-converter"><i b-2u57mvn44z class="bi bi-bezier"></i><span b-2u57mvn44z>Vector Image Converter</span></a></li>
  210. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/video-file-converter"><i b-2u57mvn44z class="bi bi-camera-video"></i><span b-2u57mvn44z>Video Converter</span></a></li>
  211. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/web-file-converter"><i b-2u57mvn44z class="bi bi-globe"></i><span b-2u57mvn44z>Web Files Converter</span></a></li>
  212. <li b-2u57mvn44z><a b-2u57mvn44z class="dropdown-item d-flex align-items-center gap-2" href="/converters/word-processing-file-converter"><i b-2u57mvn44z class="bi bi-file-earmark-richtext"></i><span b-2u57mvn44z>Word Processing Converter</span></a></li>
  213. </ul>
  214. </div>
  215.  
  216. </div>
  217. </div>
  218. </div>
  219. </li>
  220.  
  221. <li b-2u57mvn44z class="nav-item"><a b-2u57mvn44z class="nav-link" href="/formats">Formats</a></li>
  222. <li b-2u57mvn44z class="nav-item"><a b-2u57mvn44z class="nav-link" href="/blog/">Blog</a></li>
  223. <li b-2u57mvn44z class="nav-item"><a b-2u57mvn44z class="nav-link" href="https://docpose.cloud/api-docs" target="_blank">API</a></li>
  224. <li b-2u57mvn44z class="nav-item"><a b-2u57mvn44z class="nav-link" href="/help">Help</a></li>
  225.  
  226. <li b-2u57mvn44z class="nav-item">
  227. <a b-2u57mvn44z class="nav-link" href="/download">
  228. My Files
  229. <span b-2u57mvn44z class="ui-badge text-red"><strong b-2u57mvn44z id="jobsCountLabel">0</strong></span>
  230. </a>
  231. </li>
  232.  
  233. <li b-2u57mvn44z class="nav-item auth-buttons ms-lg-3 mt-3 mt-lg-0">
  234. <a b-2u57mvn44z href="/login" class="btn btn-outline-secondary me-2">Login</a>
  235. <a b-2u57mvn44z href="/signup" class="btn btn-primary">Sign Up</a>
  236. </li>
  237. </ul>
  238. </div>
  239. </div>
  240. </nav>
  241.  
  242. <div b-2u57mvn44z class="container">
  243. <main b-2u57mvn44z role="main" class="pb-3">
  245. <!-- fallback if a view doesn’t use the layout or ViewBag is empty -->
  246.  
  247.  
  248. <!-- Include SignalR Library -->
  249. <script src="https://cdnjs.cloudflare.com/ajax/libs/microsoft-signalr/7.0.5/signalr.min.js" type="5af166b0d89d5b77817c3979-text/javascript"></script>
  250.  
  251. <!-- Drop effect overlay -->
  252. <div id="dropOverlay" class="drag-over">
  253. <div class="drop-content">
  254. <svg width="80" height="80" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
  255. <line x1="12" y1="5" x2="12" y2="19"></line>
  256. <line x1="5" y1="12" x2="19" y2="12"></line>
  257. </svg>
  258. <p>Drop files here</p>
  259. </div>
  260. </div>
  261. <div class="container mt-5">
  262. <h1 class="text-center text-red">
  263. JPG to PDF Converter
  264. </h1>
  265. <h2 class="text-center">Welcome to the most advanced free online jpg to pdf converter </h2>
  266. <p class="text-center">Convert JPG to PDF online in seconds with jedok - free, secure JPG converter. Upload a .jpg file and save as TO without installing any software.</p>
  267. <form id="convertForm">
  268. <!-- Drag-and-Drop Zone -->
  269. <div id="dropZone">
  270. <button type="button" class="file-upload-btn" onclick="if (!window.__cfRLUnblockHandlers) return false; document.getElementById('fileInput').click()" data-cf-modified-5af166b0d89d5b77817c3979-="">Select Files</button>
  271. <input type="file" id="fileInput" multiple />
  272. <div class="file-source-caption"><span class="security-icon" data-placement="left" title="All your data is always protected and under your control. Learn more about technical and organizational security measures we take on the Security page."></span><span>Drop max 5 files here. 25 MB maximum file size or <a style="color:white;" href="/signup">Sign Up</a> (free).</span></div>
  273. </div>
  274. <div class="text-center mt-2"><span class="text-green">All your data is always protected and under your control. Learn more about technical and organizational security measures we take on the <a href="/security">Security</a> page.</span> </div>
  275. <div class="text-center mt-2">Powered by <a href="https://docpose.cloud" target="_blank">Docpose.Cloud</a> API's, 200+ <a href="/formats">formats</a> supported.</div>
  276.  
  278. <!-- fallback if a view doesn’t use the layout or ViewBag is empty -->
  279. <div class="adb d-md-block">
  280.  
  281. <!-- jedoktop responsive -->
  282. <ins class="adsbygoogle"
  283. style="display:block"
  284. data-ad-client="ca-pub-0313867933438659"
  285. data-ad-slot="1439225974"
  286. data-ad-format="auto"
  287. data-full-width-responsive="true"></ins>
  288. <script type="5af166b0d89d5b77817c3979-text/javascript">
  289. (adsbygoogle = window.adsbygoogle || []).push({});
  290. </script>
  291.  
  292. </div>
  293.  
  294.  
  295. <!-- File list -->
  296. <div id="file-list-container" class="mt-3 container">
  297. <ul id="file-list" class="list-group"></ul>
  298. </div>
  299.  
  300. <!-- Convert button -->
  301. <div class="mt-3 container text-center d-none" id="butonsDiv">
  302. <div class="file-source-caption" id="myFilesMessage">Files will be stored for 24 hours. Go to <a class="text-red" href="/download/">My Files</a> to delete them manually.</div>
  303. <button id="convertButton" type="submit" style="padding: 12px 24px!important; font-size: 25px!important;" class="btn btn-success w-50 mt-3">Convert</button>
  304. <!-- Clear All button (Initially Hidden) -->
  305. <button id="clearAllButton" type="button" style="padding: 12px 24px!important; font-size: 25px!important;" class="btn btn-info w-50 mt-3 d-none" onclick="if (!window.__cfRLUnblockHandlers) return false; resetForm()" data-cf-modified-5af166b0d89d5b77817c3979-="">Clear All</button>
  306. </div>
  307. </form>
  308.  
  309. <!-- Status message -->
  310. <p id="message" class="text-center mt-3"></p>
  311.  
  312.  
  313. </div>
  314.  
  315. <section class="container my-5">
  316. <div class="row">
  317. <div class="col-lg-6">
  318. <div class="card text-bg-light">
  319. <div class="card-body">
  320. <h2><span class="badge bg-warning text-dark fs-6">JPG</span> </h2>
  321. <h3 id="format-title1" class="mt-3"></h3>
  322. <p id="format-desc1" class="info-content centered-box"></p>
  323. <div style="text-align:right"><a href="/converter/jpg">Convert to JPG</a></div>
  324. </div>
  325. </div>
  326. </div>
  327. <div class="col-lg-6">
  328. <div class="card text-bg-light">
  329. <div class="card-body">
  330. <h2><span class="badge bg-warning text-dark fs-6">PDF</span> </h2>
  331. <h3 id="format-title2" class="mt-3"></h3>
  332. <p id="format-desc2" class="info-content centered-box"></p>
  333. <div style="text-align:right"><a href="/converter/pdf">PDF Converter</a></div>
  334. </div>
  335. </div>
  336. </div>
  337. </div>
  338. </section>
  339. <section class="container text-center my-5">
  340. <div class="steps text-center mt-5">
  341. <h2>How to convert JPG to TO to PDF</h2>
  342. <div class="row">
  343. <div class="col-lg-4">
  344. <div class="card text-bg-light">
  345. <div class="step-label badge bg-info text-dark fs-6">STEP 1</div>
  346. <div class="card-body">
  347. <h3>Upload jpg-file(s)</h3>
  348. <p>Select files from Computer, or by dragging it on the page.</p>
  349. </div>
  350. </div>
  351. </div>
  352. <div class="col-lg-4">
  353. <div class="card text-bg-light">
  354. <div class="step-label badge bg-warning text-dark fs-6">STEP 2</div>
  355. <div class="card-body">
  356. <h3>Choose "to pdf"</h3>
  357. <p>Choose pdf or any other format you need as a result (many formats supported)</p>
  358. </div>
  359. </div>
  360. </div>
  361. <div class="col-lg-4">
  362. <div class="card text-bg-light">
  363. <div class="step-label badge bg-success text-dark fs-6">STEP 3</div>
  364. <div class="card-body">
  365. <h3>Download your pdf</h3>
  366. <p>Let the file convert and you can download your pdf file right afterwards</p>
  367. </div>
  368. </div>
  369. </div>
  370. </div>
  371. </div>
  372. </section>
  373. <section class="my-4" aria-labelledby="top15-conversions">
  374. <h2 id="top15-conversions" class="h5 mb-3 text-center">Supported Conversions</h2>
  375. <div class="row g-4">
  376. <div class="col-md-6">
  377. <div class="table-responsive">
  378. <table class="table table-striped">
  379. <thead class="table-light">
  380. <tr>
  381. <th style="width: 3rem;">#</th>
  382. <th>Convert from JPG</th>
  383. <th class="text-end">Rating</th>
  384. </tr>
  385. </thead>
  386. <tbody id="top15-from"></tbody>
  387. </table>
  388. </div>
  389. </div>
  390. <div class="col-md-6">
  391. <div class="table-responsive">
  392. <table class="table table-striped">
  393. <thead class="table-light">
  394. <tr>
  395. <th style="width: 3rem;">#</th>
  396. <th>Convert to JPG</th>
  397. <th class="text-end">Rating</th>
  398. </tr>
  399. </thead>
  400. <tbody id="top15-to"></tbody>
  401. </table>
  402. </div>
  403. </div>
  404. </div>
  405. <div class="mt-3 container text-center">
  406. <a class="btn btn-info mt-3" href="/formats/jpg">View All JPG Supported Conversions</a>
  407. </div>
  408. </section>
  409. <style>
  410. .table thead th {
  411. white-space: nowrap;
  412. }
  413.  
  414. .table td a {
  415. text-decoration: none;
  416. font-weight: 600;
  417. }
  418. </style>
  419. <script defer type="5af166b0d89d5b77817c3979-text/javascript">
  420. (function () {
  421.  
  422. // Fetch format meta (description/shortdescription)
  423. fetch("/supported-formats/jpg")
  424.  .then(r => r.json())
  425.  .then(items => {
  426.  // Try multiple casings of property names
  427.  const meta = items.find(x => (x.formatCode ?? x.FormatCode ?? x.formatcode ?? "").toLowerCase() === "jpg");
  428.  if(meta){
  429. document.getElementById("format-title1").innerText = (meta.description ?? meta.Description ?? "") || "";
  430. document.getElementById("format-desc1").innerText = (meta.shortDescription ?? meta.ShortDescription ?? "") || "";
  431.  }
  432.  }).catch(()=>{});
  433.  
  434. // Fetch format meta (description/shortdescription)
  435. fetch("/supported-formats/pdf")
  436.  .then(r => r.json())
  437.  .then(items => {
  438.  // Try multiple casings of property names
  439.  const meta = items.find(x => (x.formatCode ?? x.FormatCode ?? x.formatcode ?? "").toLowerCase() === "pdf");
  440.  if(meta){
  441. document.getElementById("format-title2").innerText = (meta.description ?? meta.Description ?? "") || "";
  442. document.getElementById("format-desc2").innerText = (meta.shortDescription ?? meta.ShortDescription ?? "") || "";
  443.  }
  444.  }).catch(()=>{});
  445.  
  446.  // source format = the first part of "pdf-docx"
  447.  const src = "jpg".toLowerCase().replace(/^\./,'');
  448.  if (!src) return;
  449.  
  450.  const norm = s => (s||"").toString().trim().replace(/^\./,'').toLowerCase();
  451.  const up   = s => norm(s).toUpperCase();
  452.  
  453.  // Stable sort helper (keeps API order when no votes/ratings)
  454.  const rank = (arr, pickVotes, pickRating) => {
  455. return [...arr].sort((a,b) => {
  456.  const va = Number(pickVotes(a) || 0), vb = Number(pickVotes(b) || 0);
  457.  if (vb !== va) return vb - va;
  458.  const ra = Number(pickRating(a) || 0), rb = Number(pickRating(b) || 0);
  459.  if (rb !== ra) return rb - ra;
  460.  return 0; // keep original order if equal
  461. }).slice(0, 15);
  462.  };
  463.  
  464.  fetch(`/supported-conversions/${src}`)
  465. .then(r => r.json())
  466. .then(data => {
  467.  const from = data.convertFrom || data.ConvertFrom || [];
  468.  const to   = data.convertTo   || data.ConvertTo   || [];
  469.  
  470.  // rank by votes -> rating
  471.  const topFrom = rank(
  472. from,
  473. r => r.ratingCount ?? r.RatingCount,
  474. r => r.ratingValue ?? r.RatingValue
  475.  );
  476.  
  477.  const topTo = rank(
  478. to,
  479. r => r.ratingCount ?? r.RatingCount,
  480. r => r.ratingValue ?? r.RatingValue
  481.  );
  482.  
  483.  // Render rows
  484.  const renderRows = (rows, elId, linkBuilder) => {
  485. const tbody = document.getElementById(elId);
  486. tbody.innerHTML = "";
  487. rows.forEach((row, idx) => {
  488.  const f = norm(row.fromFormat ?? row.FromFormat);
  489.  const t = norm(row.toFormat   ?? row.ToFormat);
  490.  const rating = row.ratingValue ?? row.RatingValue;
  491.  const votes  = row.ratingCount ?? row.RatingCount;
  492.  const aHref  = linkBuilder(f, t);
  493.  const aText  = `${up(f)} to ${up(t)}`;
  494.  const tr = document.createElement("tr");
  495.  tr.innerHTML = `
  496. <td>${idx + 1}</td>
  497. <td><a href="/converter/${aHref}" title="${aText}">${aText}</a></td>
  498. <td class="text-end">${rating ? rating : ""} ${votes ? `(${votes} votes)` : ""}</td>
  499.  `;
  500.  tbody.appendChild(tr);
  501. });
  502.  };
  503.  
  504.  // For "Convert from SRC": rows already shaped as SRC -> X
  505.  renderRows(topFrom, "top15-from", (f,t) => `${f}-to-${t}`);
  506.  
  507.  // For "Convert to SRC": rows shaped as X -> SRC
  508.  renderRows(topTo, "top15-to", (f,t) => `${f}-to-${t}`);
  509.  
  510.  // Emit JSON-LD (two ItemLists)
  511.  const ld = [
  512. {
  513.  "@context":"https://schema.org",
  514.  "@type":"ItemList",
  515.  "name": `Convert from ${src.toUpperCase()} (Top 15)`,
  516.  "itemListElement": topFrom.map((r,i)=>({
  517. "@type":"ListItem",
  518. "position": i+1,
  519. "url": `https://jedok.com/${norm(r.fromFormat ?? r.FromFormat)}-${norm(r.toFormat ?? r.ToFormat)}`,
  520. "name": `${up(r.fromFormat ?? r.FromFormat)} to ${up(r.toFormat ?? r.ToFormat)}`
  521.  }))
  522. },
  523. {
  524.  "@context":"https://schema.org",
  525.  "@type":"ItemList",
  526.  "name": `Convert to ${src.toUpperCase()} (Top 15)`,
  527.  "itemListElement": topTo.map((r,i)=>({
  528. "@type":"ListItem",
  529. "position": i+1,
  530. "url": `https://jedok.com/${norm(r.fromFormat ?? r.FromFormat)}-${norm(r.toFormat ?? r.ToFormat)}`,
  531. "name": `${up(r.fromFormat ?? r.FromFormat)} to ${up(r.toFormat ?? r.ToFormat)}`
  532.  }))
  533. }
  534.  ];
  535.  const s = document.createElement("script");
  536.  s.type = "application/ld+json";
  537.  s.text = JSON.stringify(ld);
  538.  document.head.appendChild(s);
  539. })
  540. .catch(console.error);
  541. })();
  542. </script>
  543.  
  544. <script defer type="5af166b0d89d5b77817c3979-text/javascript">
  545. const maxFilesAllowed = 3;
  546. const maxFileSizeMB = 25;
  547. let selectedFiles = [];
  548. const convertButton = document.getElementById("convertButton");
  549.  
  550. function showWarningMessage(message) {
  551. const el = document.getElementById('message');
  552. if (!el) { console.warn('#message not found'); return; }
  553. el.innerHTML = message;
  554. el.classList.remove('d-none');       // unhide if it was hidden
  555. el.classList.add('alert', 'alert-danger'); // style as Bootstrap alert
  556. }
  557.  
  558. // Function to reset warning message
  559. function resetWarningMessage() {
  560. const msgElement = document.getElementById("message");
  561. msgElement.textContent = "";
  562. msgElement.classList.remove("text-danger");
  563. }
  564.  
  565. // File input change event
  566. document.getElementById("fileInput").addEventListener("change", (e) => {
  567.  
  568. let newFiles = Array.from(e.target.files).filter(file => file.size <= maxFileSizeMB * 1024 * 1024);
  569.  
  570. if (selectedFiles.length + newFiles.length > maxFilesAllowed) {
  571. showWarningMessage(`You can only upload a maximum of ${maxFilesAllowed} files.`);
  572. return;
  573. }
  574.  
  575. document.getElementById("butonsDiv").classList.remove("d-none");
  576. //resetWarningMessage();
  577. selectedFiles = selectedFiles.concat(newFiles);
  578. updateFileList();
  579. });
  580.  
  581. // Drag-and-drop event listeners
  582. let dropOverlay = $("#dropOverlay");
  583.  
  584. // Show overlay when dragging
  585. $(document).on("dragenter dragover", function (e) {
  586. e.preventDefault();
  587. e.stopPropagation();
  588. dropOverlay.show();
  589. });
  590.  
  591. // Hide overlay when leaving
  592. $(document).on("dragleave", function (e) {
  593. if (e.relatedTarget === null) {
  594. dropOverlay.hide();
  595. }
  596. });
  597.  
  598. // Handle file drop
  599. $(document).on("drop", function (e) {
  600. e.preventDefault();
  601. dropOverlay.hide();
  602.  
  603. let newFiles = Array.from(e.originalEvent.dataTransfer.files).filter(file => file.size <= maxFileSizeMB * 1024 * 1024);
  604.  
  605. if (selectedFiles.length + newFiles.length > maxFilesAllowed) {
  606. showWarningMessage(`You can only upload a maximum of ${maxFilesAllowed} files.`);
  607. return;
  608. }
  609. document.getElementById("butonsDiv").classList.remove("d-none"); // Hide Convert button
  610. //resetWarningMessage();
  611. selectedFiles = selectedFiles.concat(newFiles);
  612. updateFileList();
  613. });
  614.  
  615. document.getElementById("convertForm").addEventListener("submit", async function (e) {
  616. e.preventDefault();
  617.  
  618. if(document.getElementById("message").innerHTML.includes("file conversion limit"))
  619. {
  620. alert(document.getElementById("message").textContent);
  621. return;
  622. }
  623.  
  624. if (selectedFiles.length === 0) return;
  625.  
  626. var now = new Date();
  627. var batchId = now.getHours() * 100 + now.getMinutes(); // Combine hour and minute
  628. //console.log("batchId: " + batchId);
  629.  
  630. convertButton.textContent = "Converting...";
  631. convertButton.disabled = true;
  632.  
  633. selectedFiles.forEach(async (file, index) => {
  634. const badgeStatus = document.getElementById(`badgeStatus-${index}`);
  635. const progressBar = document.getElementById(`progressBar-${index}`);
  636.  
  637. if(badgeStatus.textContent === "Ready"){
  638.  
  639. const outputFormat = document.getElementById(`outputFormat-${index}`).value;
  640. if (!outputFormat) {
  641. document.getElementById("message").textContent = `Please select an output format for ${file.name}`;
  642. document.getElementById("message").classList.add("text-danger");
  643. return;
  644. }
  645.  
  646. const formData = new FormData();
  647. formData.append("file", file);
  648. formData.append("outputFormat", outputFormat);
  649. formData.append("batchId", batchId);
  650.  
  651. const fileItem = document.querySelector(`#file-list li:nth-child(${index + 1})`);
  652.  
  653. badgeStatus.textContent = "Uploading";
  654. progressBar.style.width = "10%";
  655.  
  656. try {
  657. const data = await postFormDataWithProgress("/Conversion/ConvertFile", formData, (pct) => {
  658.  progressBar.style.width = pct + "%";
  659. });
  660.  
  661. // try {
  662. // const response = await fetch("/Conversion/ConvertFile", {
  663. // method: "POST",
  664. // body: formData,
  665. // });
  666. // progressBar.style.width = "40%";
  667. // badgeStatus.textContent = "Converting";
  668. // if (!response.ok) throw new Error(`Failed to convert file: ${file.name}`);
  669.  
  670. // const data = await response.json();
  671. // const jobId = data.jobId;
  672. // fileItem.setAttribute("data-job-id", jobId);
  673. // }
  674. // catch (error) {
  675. // //console.error(error);
  676. // }
  677. // Upload finished; backend accepted the job
  678. progressBar.style.width = "40%";
  679. badgeStatus.textContent = "Converting";
  680.  
  681. // Expect JSON like { jobId: 12345 }
  682. const jobId = data.jobId ?? data.JobId ?? data.id;
  683. if (!jobId) throw new Error("No jobId returned.");
  684. fileItem.setAttribute("data-job-id", jobId);
  685. //convertButton.textContent = "Convert";
  686. convertButton.disabled = true;
  687. }
  688. catch (err) {
  689. progressBar.style.width = "100%";
  690. progressBar.classList.add("bg-danger");
  691. badgeStatus.classList.add("text-error");
  692. //retryButton.classList.remove("d-none"); // Show retry button
  693. badgeStatus.textContent = "Upload failed";
  694. convertButton.disabled = false;
  695. console.error(err);
  696.  }
  697.  }
  698. });
  699. });
  700.  
  701. // 1) POST with real-time UPLOAD progress (10% → 40%)
  702. function postFormDataWithProgress(url, formData, onProgress) {
  703.  return new Promise((resolve, reject) => {
  704. const xhr = new XMLHttpRequest();
  705. xhr.open("POST", url);
  706.  
  707. // Upload progress
  708. xhr.upload.onprogress = (e) => {
  709.  if (!e.lengthComputable) return;
  710.  const uploaded = e.loaded / e.total;           // 0..1
  711.  const pct = Math.min(40, Math.max(10, 10 + Math.round(uploaded * 30))); // map to 10..40
  712.  onProgress?.(pct);
  713. };
  714.  
  715. xhr.onload = () => {
  716.  if (xhr.status >= 200 && xhr.status < 300) {
  717. try { resolve(JSON.parse(xhr.responseText)); }
  718. catch { resolve(xhr.responseText); }
  719.  } else {
  720. reject(new Error(`HTTP ${xhr.status}: ${xhr.statusText}`));
  721.  }
  722. };
  723.  
  724. xhr.onerror = () => reject(new Error("Network error"));
  725. xhr.send(formData);
  726.  });
  727. }
  728.  
  729. function checkAllJobsFinished() {
  730.  
  731. const allJobs = document.querySelectorAll("#file-list .file-item");
  732. let allProcessed = true;
  733.  
  734. allJobs.forEach(job => {
  735. const statusMessage = job.querySelector(".ui-badge").textContent;
  736. if (!statusMessage.includes("Completed") && !statusMessage.includes("Failed")) {
  737. allProcessed = false;
  738. }
  739. });
  740.  
  741. if (allProcessed) {
  742. document.getElementById("convertButton").classList.add("d-none"); // Hide Convert button
  743. document.getElementById("clearAllButton").classList.remove("d-none"); // Show Clear All button
  744. fetchConversionsCount();
  745. }
  746. }
  747.  
  748. // Function to update file list
  749. function updateFileList() {
  750. const fileList = document.getElementById("file-list");
  751. fileList.innerHTML = "";
  752.  
  753. selectedFiles.forEach((file, index) => {
  754. const fileItem = document.createElement("li");
  755. fileItem.className = "file-item list-group-item d-flex flex-column flex-md-row align-items-center";
  756.  
  757. fileItem.innerHTML = `
  758. <div class="d-flex align-items-center w-100 mb-2 mb-md-0">
  759. <img src="/file-icon.png" alt="icon" class="file-icon me-2">
  760. <span class="file-name-inner" title="${file.name}">${truncateFileName(file.name)}</span>
  761. <small class="text-muted ms-2 file-size">${formatFileSize(file.size)}</small>
  762. </div>
  763. <div class="output-format-container w-50 w-md-25 px-2">
  764. <select class="form-control output-format w-100" id="outputFormat-${index}">
  765. <option value="">Loading formats...</option>
  766. </select>
  767. </div>
  768. <div class="w-100 w-md-50 px-2 text-center">
  769. <div class="progress w-70 my-2">
  770. <div class="progress-bar progress-bar-striped progress-bar-animated" id="progressBar-${index}" role="progressbar" style="width: 0%;" aria-valuemin="0" aria-valuemax="100"></div>
  771. </div>
  772. <div class="ui-badge text-green" id="badgeStatus-${index}">Ready</div>
  773. </div>
  774. <div class="d-flex flex-wrap justify-content-center gap-2 mt-2 mt-md-0">
  775. <button type="button" class="btn btn-outline-danger btn-sm btn-remove" onclick="removeFile(${index})"><i class="bi bi-x-lg"></i>
  776. </button>
  777. <a class="btn btn-primary btn-sm file-download d-none" href="#" target="_blank">Download</a>
  778. <button type="button" class="btn btn-warning btn-sm retry-job d-none" onclick="retryJob(${index})">Retry</button>
  779. </div>
  780. `;
  781. fileList.appendChild(fileItem);
  782. fetchConversionFormats(file, index);
  783. });
  784.  
  785. convertButton.disabled = selectedFiles.length === 0 || selectedFiles.length > maxFilesAllowed;
  786. }
  787.  
  788. function resetForm() {
  789. location.reload(); // Reload the page to reset the form
  790. }
  791.  
  792. // Remove file function
  793. function removeFile(index) {
  794. selectedFiles.splice(index, 1);
  795. updateFileList();
  796. }
  797.  
  798. // Retry Job Functionality
  799. async function retryJob(index) {
  800. const fileItem = document.querySelector(`#file-list li:nth-child(${index + 1})`);
  801. const jobId = fileItem.getAttribute("data-job-id");
  802. const progressBar = fileItem.querySelector(".progress-bar");
  803. const message = fileItem.querySelector(".ui-badge");
  804. const retryButton = fileItem.querySelector(".retry-job");
  805.  
  806. if (!jobId) {
  807. //console.error("No job ID found for retry.");
  808. return;
  809. }
  810.  
  811. retryButton.disabled = true;
  812. message.textContent = "Retrying conversion...";
  813.  
  814. try {
  815. const response = await fetch(window.APP_CONFIG?.apiBaseUrl + `/admin/jobs/${jobId}/retry`, { method: "POST" });
  816.  
  817. if (!response.ok) throw new Error("Failed to retry the job.");
  818.  
  819. message.textContent = "Retry initiated...";
  820. progressBar.style.width = "50%";
  821. retryButton.classList.add("d-none");
  822. } catch (error) {
  823. //console.error(error);
  824. message.textContent = "Retry failed.";
  825. retryButton.disabled = false;
  826. }
  827. }
  828.  
  829. // SignalR Connection
  830. const connection = new signalR.HubConnectionBuilder()
  831. .withUrl((window.APP_CONFIG?.apiBaseUrl + "/").replace("/api/","") + "/jobHub")
  832. .build();
  833.  
  834. connection.start().then().catch(err => console.error("Error connecting to SignalR:", err));
  835.  
  836. connection.on("JobStatusUpdate", (jobId, status, outputFilePath) => {
  837.  
  838. //console.log(`Received OUTSIDE update for Job ${jobId}: Status = ${status}, OutputFilePath = ${outputFilePath}`);
  839.  
  840. // Select the correct file item based on jobId
  841. const fileItem = document.querySelector(`#file-list li[data-job-id='${jobId}']`);
  842.  
  843. if (!fileItem) {
  844. //console.error(`No file item found for Job ${jobId}`);
  845. return;
  846. }
  847.  
  848. const progressBar = fileItem.querySelector(".progress-bar");
  849. const message = fileItem.querySelector(".ui-badge");
  850. const downloadButton = fileItem.querySelector(".file-download");
  851. const retryButton = fileItem.querySelector(".retry-job");
  852. const outputFormatSelect = fileItem.querySelector(".output-format");
  853.  
  854. outputFormatSelect.classList.add("disabled");
  855. message.textContent = status;
  856.  
  857. if (status === "Completed") {
  858.  
  859. progressBar.style.width = "100%";
  860. downloadButton.href = (window.APP_CONFIG?.apiBaseUrl + "/").replace("/api/","") + "" + outputFilePath;
  861. downloadButton.classList.remove("d-none");
  862. const removeButton = fileItem.querySelector(".btn-remove");
  863. removeButton.classList.add("d-none");
  864.  
  865. } else if (status === "Failed") {
  866.  
  867. progressBar.style.width = "100%";
  868. progressBar.classList.add("bg-danger");
  869. message.classList.add("text-error");
  870. retryButton.classList.remove("d-none"); // Show retry button
  871.  
  872. } else {
  873.  
  874. progressBar.style.width = "60%";
  875. }
  876. checkAllJobsFinished();
  877. });
  878.  
  879. function truncateFileName(name) {
  880. if (name.length <= 24) return name;
  881.  
  882. const extensionIndex = name.lastIndexOf(".");
  883. const extension = extensionIndex !== -1 ? name.substring(extensionIndex) : "";
  884. const nameWithoutExtension = extensionIndex !== -1 ? name.substring(0, extensionIndex) : name;
  885.  
  886. const firstPart = nameWithoutExtension.substring(0, 12);
  887. const lastPart = nameWithoutExtension.substring(nameWithoutExtension.length - 8);
  888.  
  889. return `${firstPart}...${lastPart}${extension}`;
  890. }
  891.  
  892. function formatFileSize(size) {
  893. if (size < 1024) return size + " B";
  894. else if (size < 1024 * 1024) return (size / 1024).toFixed(2) + " KB";
  895. else if (size < 1024 * 1024 * 1024) return (size / (1024 * 1024)).toFixed(2) + " MB";
  896. else return (size / (1024 * 1024 * 1024)).toFixed(2) + " GB";
  897. }
  898.  
  899. async function fetchConversionFormats(file, index) {
  900.  
  901. const fileExt = file.name.toLowerCase();
  902. const outputFormatSelect = document.getElementById(`outputFormat-${index}`);
  903.  
  904. // Clear the dropdown
  905. outputFormatSelect.innerHTML = '<option value="">Output format</option>';
  906.  
  907. const apiUrl = window.APP_CONFIG?.apiBaseUrl + `/conversion/formats/${encodeURIComponent(fileExt)}`;
  908.  
  909. try {
  910.  
  911. // Call the API to get possible conversions
  912. const response = await fetch(apiUrl);
  913.  
  914. if (!response.ok) {
  915. outputFormatSelect.innerHTML = '<option value="">Failed to fetch formats</option>';
  916. throw new Error(`Failed to fetch conversion formats. Status: ${response.status}`);
  917. }
  918.  
  919. const data = await response.json();
  920.  
  921. if (data.possibleConversions.length === 0) {
  922. outputFormatSelect.innerHTML = '<option value="">No more supported</option>';
  923. // console.log("data.possibleConversions.length: "+data.possibleConversions.length);
  924.  
  925. // var option = document.createElement("option");
  926. // option.value = "TXT";
  927. // option.textContent = "txt".toUpperCase(); // Display in uppercase
  928. // outputFormatSelect.appendChild(option);
  929.  
  930. // option = document.createElement("option");
  931. // option.value = "PDF";
  932. // option.textContent = "pdf".toUpperCase(); // Display in uppercase
  933. // outputFormatSelect.appendChild(option);
  934. }
  935.  
  936. // Sort the possible conversions alphabetically
  937. data.possibleConversions.sort((a, b) => a.localeCompare(b));
  938.  
  939. // Populate the dropdown with sorted conversions
  940. data.possibleConversions.forEach(format => {
  941. const options = document.createElement("option");
  942. options.value = format;
  943. options.textContent = format.toUpperCase(); // Display in uppercase
  944. outputFormatSelect.appendChild(options);
  945. });
  946. } catch (error) {
  947. //console.error("Error fetching formats:", error);
  948. outputFormatSelect.innerHTML = '<option value="">Error loading formats</option>';
  949. }
  950. }
  951.  
  952. </script>
  953. </main>
  954. </div>
  955.  
  956. <footer b-2u57mvn44z class="bg-dark text-light py-4">
  957. <div b-2u57mvn44z class="container">
  958. <div b-2u57mvn44z class="row">
  959. <!-- Left Column -->
  960. <div b-2u57mvn44z class="col-md-3">
  961. <h6 b-2u57mvn44z class="fw-bold">About</h6>
  962. <ul b-2u57mvn44z class="list-unstyled">
  963. <li b-2u57mvn44z><a b-2u57mvn44z href="/about" class="text-light text-decoration-none">About</a></li>
  964. <li b-2u57mvn44z><a b-2u57mvn44z href="/blog" class="text-light text-decoration-none">Blog</a></li>
  965. <li b-2u57mvn44z><a b-2u57mvn44z href="/security" class="text-light text-decoration-none">Security</a></li>
  966. <li b-2u57mvn44z><a b-2u57mvn44z href="/formats" class="text-light text-decoration-none">Formats</a></li>
  967. <li b-2u57mvn44z><a b-2u57mvn44z href="/help" class="text-light text-decoration-none">Help</a></li>
  968. <li b-2u57mvn44z><a b-2u57mvn44z href="/help" class="text-light text-decoration-none">Contact</a></li>
  969. </ul>
  970. </div>
  971. <!-- Middle Column -->
  972. <div b-2u57mvn44z class="col-md-3">
  973. <h6 b-2u57mvn44z class="fw-bold">Converters</h6>
  974. <ul b-2u57mvn44z class="list-unstyled">
  975. <li b-2u57mvn44z><a b-2u57mvn44z href="/video-file-converter" class="text-light text-decoration-none">Video Converter</a></li>
  976. <li b-2u57mvn44z><a b-2u57mvn44z href="/audio-file-converter" class="text-light text-decoration-none">Audio Converter</a></li>
  977. <li b-2u57mvn44z><a b-2u57mvn44z href="/document-file-converter" class="text-light text-decoration-none">Document Converter</a></li>
  978. <li b-2u57mvn44z><a b-2u57mvn44z href="/image-file-converter" class="text-light text-decoration-none">Image Converter</a></li>
  979. <li b-2u57mvn44z><a b-2u57mvn44z href="/youtube-file-converter" class="text-light text-decoration-none">YouTube Converter</a></li>
  980. </ul>
  981. </div>
  982. <!-- Right Column -->
  983. <div b-2u57mvn44z class="col-md-3">
  984. <h6 b-2u57mvn44z class="fw-bold">Increase Daily Limits</h6>
  985. <ul b-2u57mvn44z class="list-unstyled">
  986. <li b-2u57mvn44z><a b-2u57mvn44z href="/signup" class="text-light text-decoration-none">Go Ad Free</a></li>
  987. <li b-2u57mvn44z><a b-2u57mvn44z href="/signup" class="text-light text-decoration-none">Free Register</a></li>
  988. <li b-2u57mvn44z><a b-2u57mvn44z href="/login" class="text-light text-decoration-none">Login</a></li>
  989. </ul>
  990. </div>
  991. <!-- Right Column -->
  992. <div b-2u57mvn44z class="col-md-3">
  993. <h6 b-2u57mvn44z class="fw-bold">Developers API</h6>
  994. <ul b-2u57mvn44z class="list-unstyled">
  995. <li b-2u57mvn44z><a b-2u57mvn44z href="https://docpose.cloud/api-docs" target="_blank" class="text-light text-decoration-none">API Docs</a></li>
  996. </ul>
  997. </div>
  998. </div>
  999. <hr b-2u57mvn44z class="bg-secondary">
  1000. <div b-2u57mvn44z class="row text-center">
  1001. <div b-2u57mvn44z class="col-md-12">
  1002. <p b-2u57mvn44z class="mb-0">© 2025 JeDok.com Ltd. All rights reserved. | <a b-2u57mvn44z href="/terms" class="text-light text-decoration-none">Terms of Use</a> | <a b-2u57mvn44z href="/privacy" class="text-light text-decoration-none">Privacy Policy</a></p>
  1003. </div>
  1004. </div>
  1005. </div>
  1006. </footer>
  1007.  
  1008. <!-- Rest can be deferred -->
  1009. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" defer crossorigin type="5af166b0d89d5b77817c3979-text/javascript"></script>
  1010. <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11" defer type="5af166b0d89d5b77817c3979-text/javascript"></script>
  1011.  
  1012. <script defer type="5af166b0d89d5b77817c3979-text/javascript">
  1013. async function fetchConversionsCount() {
  1014.  
  1015. const jobsCountLabel = document.getElementById("jobsCountLabel");
  1016. jobsCountLabel.innerHTML = "";
  1017.  
  1018. $.ajax({
  1019. url: "/Conversion/GetJobsCount",
  1020. type: "GET",
  1021. dataType: "json",
  1022. success: function (jobsCount) {
  1023. jobsCountLabel.innerHTML = jobsCount;
  1024. if (jobsCount >= 5) {
  1025. showWarningMessage('You’ve reached today’s file conversion limit (5). To increase your limit, please <a href="/signup" class="alert-link">sign up</a>, or try again tomorrow.');
  1026. }
  1027. },
  1028. error: function (xhr) {
  1029. //console.error("Error fetching jobs count:", xhr);
  1030. jobsCountLabel.innerHTML = "0";
  1031. }
  1032. });
  1033. }
  1034.  
  1035. fetchConversionsCount();
  1036. </script>
  1037. <script type="5af166b0d89d5b77817c3979-text/javascript">
  1038. function animateContinuousCounter(id, startValue, incrementPerSecond = 60, minDelay = 1000, maxDelay = 4000) {
  1039. const el = document.getElementById(id);
  1040. let currentValue = startValue;
  1041. let lastUpdate = performance.now();
  1042. let nextIncrementTime = lastUpdate + getRandomDelay();
  1043.  
  1044. function format(n) {
  1045. return n.toLocaleString(undefined, { maximumFractionDigits: 2 });
  1046. }
  1047.  
  1048. function getRandomDelay() {
  1049. return Math.random() * (maxDelay - minDelay) + minDelay; // ms
  1050. }
  1051.  
  1052. function update(currentTime) {
  1053. if (currentTime >= nextIncrementTime) {
  1054. // Time to increment
  1055. currentValue += incrementPerSecond * 2; // Double tick effect
  1056. el.textContent = format(currentValue);
  1057.  
  1058. // Schedule next increment
  1059. nextIncrementTime = currentTime + getRandomDelay();
  1060. }
  1061.  
  1062. requestAnimationFrame(update);
  1063. }
  1064.  
  1065. requestAnimationFrame(update);
  1066. }
  1067. </script>
  1068. <script src="https://protagcdn.com/d/jedok.com.js" async type="5af166b0d89d5b77817c3979-text/javascript"></script>
  1069. <!-- Why Register Popup -->
  1070. <div b-2u57mvn44z class="modal fade" id="whyRegisterModal" tabindex="-1" aria-labelledby="whyRegisterLabel" aria-hidden="true">
  1071. <div b-2u57mvn44z class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable">
  1072. <div b-2u57mvn44z class="modal-content rounded-3 shadow">
  1073. <div b-2u57mvn44z class="modal-header border-0">
  1074. <h2 b-2u57mvn44z class="h4 modal-title mx-auto" id="whyRegisterLabel">Why Register on Jedok?</h2>
  1075. <button b-2u57mvn44z type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  1076. </div>
  1077. <div b-2u57mvn44z class="modal-body">
  1078.  
  1079. <div b-2u57mvn44z class="row g-4">
  1080. <div b-2u57mvn44z class="col-12 col-md-6">
  1081. <h3 b-2u57mvn44z class="h5 text-center mb-3">Free</h3>
  1082. <ul b-2u57mvn44z class="list-unstyled fs-6">
  1083. <li b-2u57mvn44z>✅ <strong b-2u57mvn44z>Free Conversions</strong> – Enjoy <strong b-2u57mvn44z>15 per day</strong>.</li>
  1084. <li b-2u57mvn44z>✅ <strong b-2u57mvn44z>Bigger Files</strong> – Upload up to <strong b-2u57mvn44z>250 MB</strong>.</li>
  1085. <li b-2u57mvn44z>✅ <strong b-2u57mvn44z>Parallel Conversions</strong> – Run up to <strong b-2u57mvn44z>10</strong> at once.</li>
  1086. <li b-2u57mvn44z>✅ Conversion priority <strong b-2u57mvn44z>High</strong></li>
  1087. <li b-2u57mvn44z>✅ <strong b-2u57mvn44z>File Management</strong> – Files kept for <strong b-2u57mvn44z>24 hours</strong> (auto-delete) or delete anytime.</li>
  1088. <li b-2u57mvn44z>✅ <strong b-2u57mvn44z>All Formats Supported</strong> – 200+ formats (docs, images, audio, video, archives, and more).</li>
  1089. <li b-2u57mvn44z>✅ <strong b-2u57mvn44z>Email Verification</strong> – A valid email is required; we’ll send a quick verification link.</li>
  1090. </ul>
  1091. <div b-2u57mvn44z class="text-center">
  1092. <a b-2u57mvn44z class="btn btn-primary btn-sm" href="/signup">Register Now</a>
  1093. </div>
  1094. </div>
  1095.  
  1096. <div b-2u57mvn44z class="col-12 col-md-6">
  1097. <h3 b-2u57mvn44z class="h5 text-center mb-3">
  1098. Subscribed<br b-2u57mvn44z /><small b-2u57mvn44z>(USD $3.99 / month)</small>
  1099. </h3>
  1100. <ul b-2u57mvn44z class="list-unstyled fs-6">
  1101. <li b-2u57mvn44z>✅ <strong b-2u57mvn44z>Free Conversions</strong> – Enjoy <strong b-2u57mvn44z>60 per day</strong>.</li>
  1102. <li b-2u57mvn44z>✅ <strong b-2u57mvn44z>Bigger Files</strong> – Upload up to <strong b-2u57mvn44z>500 MB</strong>.</li>
  1103. <li b-2u57mvn44z>✅ <strong b-2u57mvn44z>Parallel Conversions</strong> – Run up to <strong b-2u57mvn44z>25</strong> at once.</li>
  1104. <li b-2u57mvn44z>✅ Conversion priority <strong b-2u57mvn44z>Highest</strong></li>
  1105. <li b-2u57mvn44z>✅ <strong b-2u57mvn44z>Ad-Free</strong> – 100% ad-free experience.</li>
  1106. <li b-2u57mvn44z>✅ <strong b-2u57mvn44z>File Management</strong> – Files kept for <strong b-2u57mvn44z>24 hours</strong> (auto-delete) or delete anytime.</li>
  1107. <li b-2u57mvn44z>✅ <strong b-2u57mvn44z>All Formats Supported</strong> – 200+ formats.</li>
  1108. </ul>
  1109. <div b-2u57mvn44z class="text-center">
  1110. <a b-2u57mvn44z class="btn btn-primary btn-sm" href="/contact">Contact Us for Subscription</a>
  1111. </div>
  1112. </div>
  1113. </div>
  1114.  
  1115. <p b-2u57mvn44z class="text-center mt-4 mb-0">
  1116. <strong b-2u57mvn44z>Sign up now</strong> to unlock these features and enjoy a faster, more powerful conversion experience!
  1117. </p>
  1118. </div>
  1119. </div>
  1120. </div>
  1121. </div>
  1122. <script type="5af166b0d89d5b77817c3979-text/javascript">
  1123. document.addEventListener("DOMContentLoaded", function () {
  1124.  const modalEl = document.getElementById('whyRegisterModal');
  1125.  const modal = new bootstrap.Modal(modalEl);
  1126.  const key = "whyRegisterShownCount";
  1127.  
  1128.  // Check how many times shown in this session
  1129.  let shownCount = parseInt(sessionStorage.getItem(key) || "0");
  1130.  
  1131.  if (shownCount < 2) {
  1132. setTimeout(() => {
  1133.  modal.show();
  1134.  shownCount++;
  1135.  sessionStorage.setItem(key, shownCount);
  1136. }, 15000); // 15 seconds
  1137.  }
  1138. });
  1139. </script>
  1140. <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="5af166b0d89d5b77817c3979-|49" defer></script><script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"b675e68b422a4d21b07fefa11bd3a716","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
  1141. </body>
  1142. </html>
  1143.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda