CINXE.COM

Merge PDF and Combine PDF Online - Free - CleverPDF

<!DOCTYPE html> <html lang="en"> <head> <base href="https://www.cleverpdf.com:443/"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="format-detection" content="telephone=no"> <meta http-equiv="x-rim-auto-match" content="none"> <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Expires" content="0" /> <meta name="viewport" content="width=device-width,initial-scale=1.0"/> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <link rel="shortcut icon" type="image/x-icon" href="/statics/images/favicon.ico"/> <link rel="Bookmark" type="image/x-icon" href="/statics/images/favicon.ico" /> <link rel="icon" type="image/x-icon" href="/statics/images/favicon.ico" /> <link href="/statics/css/metro.css" rel="stylesheet"> <link href="/statics/css/metro-icons.css" rel="stylesheet"> <link href="/statics/css/metro-responsive.css" rel="stylesheet"> <link href="/statics/css/global.css" rel="stylesheet"> <script src="/statics/js/jquery-3.1.0.min.js"></script> <script type="text/javascript" src="https://www.dropbox.com/static/api/2/dropins.js" id="dropboxjs" data-app-key="91sz5pnq38emmjo"></script> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PZNDVS6');</script> <!-- End Google Tag Manager --> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "CleverPDF", "url": "https://www.cleverpdf.com", "sameAs": [ "https://www.facebook.com/Cleverpdf-464751560559905/", "https://twitter.com/cleverpdf" ] } </script> <title>Merge PDF and Combine PDF Online - Free - CleverPDF </title> <meta name="description" content="This free online tool helps you easily combine multiple PDF files into one single PDF. Simply upload files and you can download the merged PDF in seconds." > <meta property="og:site_name" content="cleverpdf" /> <meta property="og:image" content="https://www.cleverpdf.com/statics/images/og-en/combine-pdf.jpg" /> <meta property="og:title" content="Merge PDF and Combine PDF Online - Free - CleverPDF" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.cleverpdf.com/combine-pdf" /> <meta property="og:description" content="This free online tool helps you easily combine multiple PDF files into one single PDF. Simply upload files and you can download the merged PDF in seconds." /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@cleverpdf" /> <meta name="twitter:title" content="Merge PDF and Combine PDF Online - Free - CleverPDF" /> <meta name="twitter:description" content="This free online tool helps you easily combine multiple PDF files into one single PDF. Simply upload files and you can download the merged PDF in seconds." /> <meta name="twitter:image" content="https://www.cleverpdf.com/statics/images/og-en/combine-pdf.jpg" /> <link rel="canonical" href="https://www.cleverpdf.com/combine-pdf" /> <link rel="alternate" hreflang="en" href="https://www.cleverpdf.com/combine-pdf" /> <link rel="alternate" hreflang="de" href="https://www.cleverpdf.com/de/pdf-zusammenfuegen" /> <link rel="alternate" hreflang="fr" href="https://www.cleverpdf.com/fr/fusionner-pdf" /> <link rel="alternate" hreflang="it" href="https://www.cleverpdf.com/it/unire-pdf" /> <link rel="alternate" hreflang="pt" href="https://www.cleverpdf.com/pt/juntar-pdf" /> <link rel="alternate" hreflang="es" href="https://www.cleverpdf.com/es/unir-pdf" /> <link rel="alternate" hreflang="nl" href="https://www.cleverpdf.com/nl/pdf-samenvoegen" /> <link rel="alternate" hreflang="pl" href="https://www.cleverpdf.com/pl/laczenie-pdf" /> <link rel="alternate" hreflang="sv" href="https://www.cleverpdf.com/sv/sammanfoga-pdf" /> <link rel="alternate" hreflang="zh-Hans" href="https://www.cleverpdf.com/cn/combine-pdf" /> <link rel="alternate" hreflang="zh-Hant" href="https://www.cleverpdf.com/zh-tw/combine-pdf" /> <link rel="alternate" hreflang="ja" href="https://www.cleverpdf.com/jp/combine-pdf" /> <link rel="alternate" hreflang="ru" href="https://www.cleverpdf.com/ru/combine-pdf" /> <link rel="alternate" hreflang="ko" href="https://www.cleverpdf.com/kr/combine-pdf" /> <link rel="alternate" hreflang="vi" href="https://www.cleverpdf.com/vi/combine-pdf" /> <link rel="alternate" hreflang="tr" href="https://www.cleverpdf.com/tr/combine-pdf" /> <link rel="alternate" hreflang="id" href="https://www.cleverpdf.com/id/combine-pdf" /> <link rel="alternate" hreflang="hi" href="https://www.cleverpdf.com/hi/combine-pdf" /> <link rel="alternate" hreflang="th" href="https://www.cleverpdf.com/th/combine-pdf" /> <link rel="alternate" hreflang="ar" href="https://www.cleverpdf.com/ar/combine-pdf" /> <link rel="alternate" hreflang="ro" href="https://www.cleverpdf.com/ro/combine-pdf" /> <link rel="alternate" hreflang="fi" href="https://www.cleverpdf.com/fi/combine-pdf" /> <link rel="alternate" hreflang="da" href="https://www.cleverpdf.com/da/combine-pdf" /> <link rel="alternate" hreflang="no" href="https://www.cleverpdf.com/no/combine-pdf" /> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PZNDVS6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <link href="/statics/css/function.css" rel="stylesheet"> <script src="/statics/js/metro.js"></script> <style> .function_box{ border:0; } </style> <div class="content"> <header class="header"> <a href="/" class="header_logo"><img src="/statics/images/logo.svg" alt="CleverPDF Logo"/></a> <div class="header_nav"> <ul class="horizontal-menu"> <li> <p class="dropdown-toggle">Convert PDF</p> <ul class="d-menu" data-role="dropdown"> <li> <a href="/pdf-to-word" class="menu_tWord"><span>PDF to Word</span><i class="ico ico--word"></i></a> </li> <li> <a href="/pdf-to-excel" class="menu_tExcel"><span>PDF to Excel</span><i class="ico ico--excel"></i></a> </li> <li> <a href="/pdf-to-powerpoint" class="menu_tPPTX"><span>PDF to PPTX</span><i class="ico ico--ppt"></i></a> </li> <li> <a href="/pdf-to-images" class="menu_tImages"><span>PDF to Images</span><i class="ico ico--images"></i></a> </li> <li> <a href="/pdf-to-pages" class="menu_tPages"><span>PDF to Pages</span><i class="ico ico--pages"></i></a> </li> <li> <a href="/pdf-to-numbers" class="menu_tNumbers"><span>PDF to Numbers</span><i class="ico ico--numbers"></i></a> </li> <li> <a href="/pdf-to-keynote" class="menu_tKeynote"><span>PDF to Keynote</span><i class="ico ico--keynote"></i></a> </li> <li> <a href="/pdf-to-epub" class="menu_tEpub"><span>PDF to EPUB</span><i class="ico ico--pdf2epub"></i></a> </li> <li> <a href="/pdf-to-jpg" class="menu_tWord"><span>PDF to JPG</span><i class="ico ico--jpg"></i></a> </li> <li> <a href="/pdf-to-png" class="menu_tExcel"><span>PDF to PNG</span><i class="ico ico--png"></i></a> </li> <li> <a href="/pdf-to-tiff" class="menu_tPPTX"><span>PDF to TIF</span><i class="ico ico--tif"></i></a> </li> <li> <a href="/pdf-to-mobi" class="menu_tImages"><span>PDF to Mobi</span><i class="ico ico--mobi"></i></a> </li> </ul> </li> <li> <p class="dropdown-toggle">Create PDF</p> <ul class="d-menu d-menuP" data-role="dropdown"> <li> <a href="/word-to-pdf" class="menu_tWord"><i class="ico ico--word"></i><span>Word to PDF</span></a> </li> <li> <a href="/excel-to-pdf" class="menu_tExcel"><i class="ico ico--excel"></i><span>Excel to PDF</span></a> </li> <li> <a href="/powerpoint-to-pdf" class="menu_tPPTX"><i class="ico ico--ppt"></i><span>PPTX to PDF</span></a> </li> <li> <a href="/images-to-pdf" class="menu_tImages"><i class="ico ico--images2pdf"></i><span>Images to PDF</span></a> </li> <li> <a href="/odt-to-pdf" class="menu_tWord"><i class="ico ico--odt"></i><span>ODT to PDF</span></a> </li> <li> <a href="/epub-to-pdf" class="menu_tExcel"><i class="ico ico--epub2pdf"></i><span>EPUB to PDF</span></a> </li> <li> <a href="/epub-to-mobi" class="menu_tEpubMobi" style="overflow: hidden;"><i class="ico ico--epub2mobi"></i><span>EPUB to Mobi</span></a> </li> <li> <a href="/mobi-to-pdf" class="menu_tImages"><i class="ico ico--mobi2pdf"></i><span>Mobi to PDF</span></a> </li> <li> <a href="/jpg-to-pdf" class="menu_tWord"><i class="ico ico--jpg"></i><span>JPG to PDF</span></a> </li> <li> <a href="/png-to-pdf" class="menu_tExcel"><i class="ico ico--png"></i><span>PNG to PDF</span></a> </li> <li> <a href="/tiff-to-pdf" class="menu_tPPTX"><i class="ico ico--tif"></i><span>TIF to PDF</span></a> </li> <li> <a href="/bmp-to-pdf" class="menu_tImages"><i class="ico ico--bmp"></i><span>BMP to PDF</span></a> </li> </ul> </li> <li> <p class="dropdown-toggle">More PDF Tools</p> <ul class="d-menu d-menuP" data-role="dropdown"> <li> <a href="/encrypt-pdf" class="menu_tEncrypt"><i class="ico ico--encrypt"></i><span>Encrypt PDF</span></a> </li> <li> <a href="/unlock-pdf" class="menu_tUnlock"><i class="ico ico--unlock"></i><span>Unlock PDF</span></a> </li> <li> <a href="/combine-pdf" class="menu_tCombine"><i class="ico ico--combine"></i><span>Combine PDF</span></a> </li> <li> <a href="/split-pdf" class="menu_tSplit"><i class="ico ico--split"></i><span>Split PDF</span></a> </li> <li> <a href="/add-watermark-pdf" class="menu_tWatermark"><i class="ico ico--watermark"></i><span>PDF watermark</span></a> </li> <li> <a href="/rotate-pdf" class="menu_tRotate"><i class="ico ico--rotate"></i><span>Rotate PDF</span></a> </li> <li> <a href="/compress-pdf" class="menu_tCompress"><i class="ico ico--compress"></i><span>Compress PDF</span></a> </li> <li> <a href="/pdf-page-number" class="menu_tEditor"><i class="ico ico--pagenumber"></i><span>Page number</span></a> </li> <li> <a href="/extract-pdf-images" class="menu_tUnlock"><i class="ico ico--extract"></i><span>Extract Images</span></a> </li> <li> <a href="/rearrange-pdf-pages" class="menu_tSplit"><i class="ico ico--reorder"></i><span>Reorder Pages</span></a> </li> <li> <a href="/delete-pdf-pages" class="menu_tRotate"><i class="ico ico--delete"></i><span>Delete Pages</span></a> </li> <li> <a href="/image-format-converter" class="menu_tCompress" style="overflow: hidden;"><i class="ico ico--imageconverter"></i><span>Image Converter</span></a> </li> </ul> </li> </ul> </div> <div class="header_mobile"> <img src="/statics/images/function_menu.png" id="mobileMenu" alt="CleverPDF mobile menu" isclick="0"/> <div class="header_mobile_menu"> <div class="header_mobile_box"> <div class="header_mobile_lists active-container"> <div class="header_mobile_text dropdown-toggle active-toggle">Convert PDF</div> <ul class="header_mobile_list" data-role="dropdown"> <a href="/pdf-to-word"><span>PDF to Word</span></a> <a href="/pdf-to-excel"><span>PDF to Excel</span></a> <a href="/pdf-to-powerpoint"><span>PDF to PPTX</span></a> <a href="/pdf-to-images"><span>PDF to Images</span></a> <a href="/pdf-to-pages"><span>PDF to Pages</span></a> <a href="/pdf-to-numbers"><span>PDF to Numbers</span></a> <a href="/pdf-to-keynote"><span>PDF to Keynote</span></a> <a href="/pdf-to-epub"><span>PDF to EPUB</span></a> <a href="/pdf-to-jpg"><span>PDF to JPG</span></a> <a href="/pdf-to-png"><span>PDF to PNG</span></a> <a href="/pdf-to-tiff"><span>PDF to TIF</span></a> <a href="/pdf-to-mobi"><span>PDF to Mobi</span></a> </ul> </div> </div> <div class="header_mobile_box"> <div class="header_mobile_lists active-container"> <div class="header_mobile_text dropdown-toggle active-toggle">Create PDF</div> <ul class="header_mobile_list" data-role="dropdown"> <a href="/word-to-pdf" class="menu_tWord"><span>Word to PDF</span></a> <a href="/excel-to-pdf" class="menu_tExcel"><span>Excel to PDF</span></a> <a href="/powerpoint-to-pdf" class="menu_tPPTX"><span>PPTX to PDF</span></a> <a href="/images-to-pdf" class="menu_tImages"><span>Images to PDF</span></a> <a href="/odt-to-pdf" class="menu_tWord"><span>ODT to PDF</span></a> <a href="/epub-to-pdf" class="menu_tExcel"><span>EPUB to PDF</span></a> <a href="/epub-to-mobi" class="menu_tPPTX"><span>EPUB to Mobi</span></a> <a href="/mobi-to-pdf" class="menu_tImages"><span>Mobi to PDF</span></a> <a href="/jpg-to-pdf" class="menu_tEditor"><span>JPG to PDF</span></a> <a href="/png-to-pdf" class="menu_tEditor"><span>PNG to PDF</span></a> <a href="/tiff-to-pdf" class="menu_tEditor"><span>TIF to PDF</span></a> </ul> </div> </div> <div class="header_mobile_box"> <div class="header_mobile_lists active-container"> <div class="header_mobile_text dropdown-toggle active-toggle">More PDF Tools</div> <ul class="header_mobile_list" data-role="dropdown"> <a href="/encrypt-pdf" class="menu_tEncrypt"><span>Encrypt PDF</span></a> <a href="/unlock-pdf" class="menu_tUnlock"><span>Unlock PDF</span></a> <a href="/combine-pdf" class="menu_tCombine"><span>Combine PDF</span></a> <a href="/split-pdf" class="menu_tSplit"><span>Split PDF</span></a> <a href="/add-watermark-pdf" class="menu_tWatermark"><span>PDF watermark</span></a> <a href="/rotate-pdf" class="menu_tRotate"><span>Rotate PDF</span></a> <a href="/compress-pdf" class="menu_tCompress"><span>Compress PDF</span></a> <a href="/pdf-page-number" class="menu_tEditor"><span>Page number</span></a> <a href="/extract-pdf-images" class="menu_tEditor"><span>Extract Images</span></a> <a href="/rearrange-pdf-pages" class="menu_tEditor"><span>Reorder Pages</span></a> <a href="/delete-pdf-pages" class="menu_tEditor"><span>Delete Pages</span></a> <a href="/image-format-converter" class="menu_tEditor"><span>Image Converter</span></a> <a href="/png-to-jpg" class="menu_tEditor"><span>PNG to JPG</span></a> <a href="/heic-to-jpg" class="menu_tEditor"><span>HEIC to JPG</span></a> <a href="/tiff-to-jpg" class="menu_tEditor"><span>TIF to JPG</span></a> <a href="/bmp-to-jpg" class="menu_tEditor"><span>BMP to JPG</span></a> <a href="/gif-maker" class="menu_tEditor"><span>GIF Maker</span></a> <a href="/jpg-to-png" class="menu_tEditor"><span>JPG to PNG</span></a> <a href="/gif-to-jpg" class="menu_tEditor"><span>GIF to JPG</span></a> <a href="/gif-to-png" class="menu_tEditor"><span>GIF to PNG</span></a> </ul> </div> </div> </div> </div> <div class="header_language horizontal-menu"> <div class="header_language_select"> <input type="hidden" id="language_select_hidden" value="en"/> <p class="language_select_text dropdown-toggle" id="language_select_text">English</p> <div class="language_select_options" data-role="dropdown" id="language_select_options"> <a href="/combine-pdf" value="en">English</a> <a href="/de/pdf-zusammenfuegen" value="de-DE">Deutsch</a> <a href="/fr/fusionner-pdf" value="fr-FR">Français</a> <a href="/it/unire-pdf" value="it-IT">Italiano</a> <a href="/pt/juntar-pdf" value="pt-PT">Português</a> <a href="/es/unir-pdf" value="es-ES">Español</a> <a href="/ru/combine-pdf" value="ru-RU">Русский</a> <a href="/sv/sammanfoga-pdf" value="sv-SV">Svenska</a> <a href="/pl/laczenie-pdf " value="pl-PL">Polski</a> <a href="/nl/pdf-samenvoegen" value="nl-NL">Nederlands</a> <a href="/vi/combine-pdf" value="vi-VI">Tiếng việt</a> <a href="/id/combine-pdf" value="id-ID">Indonesian</a> <a href="/tr/combine-pdf" value="tr-TR">Türkçe</a> <a href="/jp/combine-pdf" value="ja-JP">日本語</a> <a href="/kr/combine-pdf" value="kr-KR">한국어</a> <a href="/cn/combine-pdf" value="zh-CN">中文简体</a> <a href="/zh-tw/combine-pdf" value="zh-TW">中文繁体</a> <a href="/hi/combine-pdf" value="hi">हिन्दी</a> <a href="/th/combine-pdf" value="th">ภาษาไทย</a> <a href="/ar/combine-pdf" value="ar">العربية</a><a href="/ro/combine-pdf" value="ro">Română</a><a href="/fi/combine-pdf" value="fi">Suomi</a><a href="/da/combine-pdf" value="da">Dansk</a><a href="/no/combine-pdf" value="no">Norsk</a> </div> </div> </div> </header> <script> $(function(){ var path = window.location.pathname; if (path == "/") { path = "/index"; } $(".header_nav").find("a").each(function() { var href = $(this).attr("href"); if (path.indexOf(href) >= 0) { $(".nav").find("a").removeClass("visited"); $(this).addClass("visited"); return false; } }) $(".language_select_options").find("a").click(function(){ var text=$(this).text(); $(".language_select_text").text(text); $(".language_select_options").hide(); }) $(".language_select_icon,.language_select_text").click(function(){ $(".language_select_options").show(); }) $("#mobileMenu").click(function(){ var isclick=$(this).attr("isclick"); if(isclick==0){ $(".header_mobile_menu").css({"min-height":$(window).height()}); $(".header_mobile_menu").show(); $(this).attr("isclick",1); }else{ $(".header_mobile_menu").hide(); $(this).attr("isclick",0); } }) }) </script> <section class="index_content"> <div class="content_header" style="clear: both;overflow: hidden;"> <div class="function_title"> <img src="/statics/images/functionToCombine.svg" alt="CleverPDF Combine PDF" style="margin-left:0;"/><h1 class="function_titleToCombine"id="combine_head" >Combine PDF</h1> <h2 class="function_title_promit"id="combine_promit">Combine multiple PDF files into one PDF file quickly.</h2> </div> <div class="advertisement_banner"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><!-- product-header --><ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-5488736328646914" data-ad-slot="5523268150"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div style="width:100%;min-height: 348px;border: 1px dashed #c1c1c1;border-radius:5px;"> <div class="function_box" id="choosefile"> <div class="function_choosefile" style="border-bottom: 0;"> <div class="function_choosefile_input"> <div class="canvas_container" id="container"> </div> <div class="input_box openCombine" id="chooseInput" style="clear:both;overflow:hidden;height:auto;width:100%;background:#fff;"> <span style="background: #ba4f76;margin-bottom: 10px;display:inline-block;top:3px;position: relative;"id="choose_file"><label for="openPdf">Choose file</label> <input type="file" id="openPdf" accept="pdf" name="files" multiple="multiple"/> <div class="input_box_ship" style="width: 20px;"> <ul> <li><img src="/statics/images/inputShipGoogle_1.png" onclick="loadPicker()" alt="Import from Google Drive"/></li> <li><img src="/statics/images/inputShipDropbox_1.png" alt="Import from Dropbox"/><div id="dropbox-container"></div></li> </ul> </div> </span> <button class="input_box_conversion" id="input_conversion" style="display:none;margin-left: 35px;background: #ba4f76;" type="button" onclick="ReallyUpload()"id="choosefile_title">Start conversion</button> <div class="function_choosefile_font"id="choosefile_font">You can rearrange the order by drag and drop after adding the file.</div> </div> </div> </div> <form id="filesUpload" style="" action='pdf/uploadFiles' method='post' enctype='multipart/form-data'> <input type="hidden" name="files" id="fileUpload" value=""/> </form> <form id="signupListImportForm" class="import-file-form" enctype="multipart/form-data"> <input type="hidden" name="url" value=""/> <input type="hidden" name="index" value=""/> <input type="hidden" name="pid" id="PDFID" value="3"/> <input type="hidden" name="oid" value="3"/> <input type="hidden" name="status" value=""/> <input type="hidden" name="pwd" value=""/> </form> </div> <div class="function_box" id="progress_up" style="display: none;"> <div class="function_progress"> <div class="function_progress_img"> <img src="/statics/images/function_progress_img.png" alt="File processing"/> </div> <div class="function_progress_font"id="file_uploading">File Uploading <span id="spanUploadBar">65</span></div> <div class="progress small function_progress_box" data-role="progress" id="spanUploadPercent"></div> </div> </div> <div class="function_box" id="progress_transformation" style="display: none;"> <div class="function_progress"> <div class="function_progress_img"> <img src="/statics/images/function_progress_img1.png" alt="File converting"/> </div> <div class="function_progress_font"id="file_processing"> <span id="progress_transformation_num"></span></div> <div class="progress small function_progress_box" id="progress_transformation_bg"> <div class="bar default" style="width: 50%;"></div> </div> </div> </div> <div class="function_box" id="error_box" style="display: none;"> <div class="function_error"> <div class="function_error_password" id="error_password"> <div class="function_error_title"id="combine_error_title">This is an encrypted file</div> <div class="function_error_font"id="combine_error_title_font">This file is encrypted by open password, we can't get access to the content. Please enter the correct open password, and try to convert it again.</div> <div class="function_error_text"><input type="password" id="txtPwd" placeholder="Please enter the password" /> </div> </div> <div class="function_error_password" id="error_passwordEncrypt"> <div class="function_error_font" id="combine_error_font">This file is encrypted, please select another file or use the Unlock PDF function. </div> <div class="function_error_buttons"><input type="button" class="function_error_button" onclick="conversionAnother()"id="try_another_file" value="Try another file"/></div> </div> <div class="function_error_password" id="error_bigger"> <div class="function_error_title"id="combine_error_title_two">The selected file is too large.</div> <div class="function_error_font"id="combine_error_title_font_three">Please select a file less than 20 MB. Or purchase CleverPDF for Windows, convert larger files without limitations.</div> <div class="function_error_buttons"><input type="button" class="function_error_button" onclick="conversionAnother()"id="try_another_file_two" value="Try another file"/></div> </div> <div class="function_error_password" id="error_try"> <div class="function_error_title"id="combine_error_title_three">Not a normal file</div> <div class="function_error_font"id="combine_error_title_font_four">This file may be damaged or not a normal PDF file. Please try another PDF. </div> <div class="function_error_buttons"><input type="button" class="function_error_button" onclick="conversionAnother()"id="try_another_file_three" value="Try another file"/></div> </div> <div class="function_error_password" id="error_format"> <div class="function_error_title"id="combine_error_title_four">Incorrect input format</div> <div class="function_error_font"id="combine_error_title_font_five">The file format you selected is not supported by this feature, please select the correct input format.</div> <div class="function_error_buttons"><input type="button" class="function_error_button" onclick="conversionAnother()"id="try_another_file_four" value="Try another file"/></div> </div> <div class="function_error_password" id="error_num"> <div class="function_error_font"id="combine_error_title_font_six">Please add at least 2 files</div> <div class="function_error_buttons"><input type="button" class="function_error_button" onclick="conversionAnother()"id="try_another_file_five" value="Try another file"/></div> </div> <div class="function_error_password" id="error_wait"> <div class="function_error_font"></div> </div> <div class="function_error_password" id="error_more"> <div class="function_error_title"id="combine_error_title_five">Multiple files not supported</div> <div class="function_error_font"id="combine_error_title_font_severn">Please upload one file only, this feature does not support multiple files.</div> <div class="function_error_buttons"><input type="button" class="function_error_button" onclick="conversionAnother()"id="try_another_file_six" value="Try another file"/></div> </div> </div> </div> </div> <div class="grid"> <div class="row cells12 function_banner" id="productWin"> <div class=" cell colspan6 function_banner_box"> <div class="img"><a data-fancybox href="https://www.youtube.com/embed/fowcgijOiFc?rel=0" ><img src="/statics/images/win-ads.jpg" alt="CleverPDF Preview thumbnail"/> <p>Watch video</p></a></div> <div class="detail"> <h3 >Desktop version: 24-in-1 CleverPDF for Windows</h3> <span >More productive way for PDF to Word conversion and other 24 PDF tasks. Desktop version doesn't require the Internet Connection, support batch processing and larger files. </span> </div> </div> <div class="function_banner_button cell colspan3"> <a href="https://www.cleverpdf.com/uploadfile/cleverpdf-v300.exe" target="_blank" class="Free">Free Download</a> <a href="https://www.cleverpdf.com/pdf-converter" target="_blank" class="Learn" >Learn More</a> </div> </div> <div class="row cells12 function_banner" id="productMac"> <div class=" cell colspan6 function_banner_box"> <div class="img"><a data-fancybox href="https://www.youtube.com/embed/GEY_1YRDgjA?rel=0" ><img src="/statics/images/function_banner_mac.png" alt="CleverPDF Mac Preview thumbnail"/> <p>Watch video</p></a></div> <div class="detail"> <h3 id="">Desktop version: 20-in-1 CleverPDF for Mac</h3> <span id="">More productive way for PDF to Word conversion and other 20 PDF tasks. Desktop version doesn't require the Internet Connection, support batch processing and larger files. </span> </div> </div> <div class="function_banner_button cell colspan3"> <!--<a href="https://geo.itunes.apple.com/us/app/cleverpdf/id1445515197?mt=12&amp;app=apps"><img src="/statics/images/app-store-dl/dl-mas-en.svg" alt="Download CleverPDF on App Store" height="49" width="172"></a>--><a href="https://www.cleverpdf.com/uploadfile/cleverpdf-v304.dmg" target="_blank" class="Free" id="">Free Download</a> <a href="https://www.cleverpdf.com/pdf-converter-mac" target="_blank" class="Learn" id="">Learn More</a> </div> </div> </div> <div class="grid function_lists"> <div class="row cells2 function_list"> <div class="cell"> <img src="/statics/images/function_list14.svg" alt="CleverPDF feature 14" class="function_list_img"/> <div class="function_list_detail"> <h3 id="combine_left_one">Merge multiple PDF files into one PDF</h3> <span id="combine_left_one_desc">Simply add the PDF files you want to merge, then drag and drop file thumbnails to change the order of the files. Click 'Combine files' button, the PDF files will be uploaded and combined into one PDF file instantly. You can download the output file right away. </span> </div> </div> <div class="cell"> <img src="/statics/images/function_list15.svg" class="function_list_img"/> <div class="function_list_detail"> <h3 id="combine_right_two">Super handy Online PDF Merger</h3> <span id="combine_right_two_desc">This free online PDF merger helps you easily combine two or more PDF files into one file within a few clicks, you don't need to sign up or download any software. It runs very fast, it takes only a few seconds to combines dozens of PDF files into one. </span> </div> </div> </div> <div class="row cells2 function_list"> <div class="cell"> <img src="/statics/images/function_list3.svg" alt="CleverPDF feature 3" class="function_list_img"/> <div class="function_list_detail"> <h3 id="combine_left_three">Merge PDF securely</h3> <span id="combine_left_three_desc">The files are transferred via the secured SSL connection, and your uploaded PDF files and the combined PDF file will not be accessed by anyone. They will be erased from the server after 30 mins automatically. It's a safe way to merge PDF files. </span> </div> </div> <div class="cell"> <img src="/statics/images/function_list4.svg" alt="CleverPDF feature 4" class="function_list_img"/> <div class="function_list_detail"> <h3 id="combine_right_four">Cloud service, universal access</h3> <span id="combine_right_four_desc">You can use this online PDF merging service anywhere, regardless you are using Windows, Mac, Linux, iOS or Android. All you need to do is open the webpage in your web browser, and you can combine PDFs anywhere, anytime. </span> </div> </div> </div> <div class="row function_list"> <div class="cell"> <img src="/statics/images/function_list_guide.svg" class="function_list_img" alt="CleverPDF How-to Guide"/> <div class="function_list_detail"> <h2 id="guide">How to Combine PDF Online?</h2> <span id=""> <ol> <li>Drag multiple PDF files to the file areas, or select the files using the 'Choose Files' button. <br/></li> <li>Drag the PDF thumbnails to adjust the order before combining them into one PDF. <br/></li> <li>Click 'Start Conversion' button to merge all the uploaded files into one. <br/></li> <li>Download the combined PDF file by clicking the 'Download File' button after processing. <br/></li> </ol> </span> </div> </div> </div> </div> </section> </div> <footer class="footer"> <div class="footer_keep"> <div class="footer_keep_box"> <ul> <li class="font" id="keep_touch">Follow us on</li> <li class="img"><a href="https://www.facebook.com/Cleverpdf-464751560559905/"><img src="/statics/images/keep_1_1.svg" alt="Follow CleverPDF on Facebook"/></a></li> <li class="img"><a href="https://twitter.com/cleverpdf"><img src="/statics/images/keep_2_1.svg" alt="Follow CleverPDF on Twitter"/></a></li> <li class="img"><a href="https://www.youtube.com/channel/UCdBicppgdgMiij_ajin3kMw"><img src="/statics/images/keep_3_1.svg" alt="CleverPDF YouTube Channel"/></a></li> </ul> </div> </div> <div class="footer_print"> <div class="footer_center"> <div class="footer_link"> <a href="/privacy" class="first" id="privacy_terms">Privacy and Terms</a> <a href="/about-us" id="about_ab">About CleverPDF</a> <a href="/help" id="help_guide">Help and guide</a> <a href="/contact" id="con_us">Contact US</a> <a href="/pdf-converter" id="desk_store" >Desktop Software Store</a> </div> <div class="footer_font">Copyright © 2020 CleverPDF. All Rights Reserved</div> </div> </div> <div class="footer_print_mobile"> <div class="footer_link"> <ul> <li><a href="/privacy" class="first" id="privacy_terms_mb">Privacy and Terms</a></li> <li><a href="/about-us" id="about_ab_mb">About CleverPDF</a></li> <li><a href="/help" id="help_guide_mb">Help and guide</a></li> <li><a href="/contact" id="con_us_mb">Contact US</a></li> <li><a href="/pdf-converter" id="desk_store_mb" >Desktop Software Store</a></li> </ul> </div> <div class="footer_font">Copyright © 2020 CleverPDF. All Rights Reserved</div> </div> </footer> <script type="text/javascript" src="statics/js/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="statics/js/i18n/jquery.json-2.3.min.js"></script> <script type="text/javascript" src="statics/js/i18n/jquery.i18n.properties-1.0.9.js"></script> <link rel="stylesheet" href="/statics/css/jquery.fancybox.min.css" type="text/css" media="screen" /> <script async type="text/javascript" src="/statics/js/jquery.fancybox.min.js"></script><script type="text/javascript" src="https://s.skimresources.com/js/176791X1645789.skimlinks.js"></script> <script> var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g var isIOS = u.indexOf('Mac OS') > -1 ; //ios终端 var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows"); if (isAndroid) { //这个是安卓操作系统 $("#isWindow").show(); $("#productWin").show(); } if (isIOS) { //这个是ios操作系统 $("#isMac").show(); $("#productMac").show(); } if(isWin){ $("#isWindow").show(); $("#productWin").show(); } </script> <script type="application/ld+json">{"@context":"http://schema.org","@type":"HowTo","name":"How to Combine PDF Online?","url":"https://www.cleverpdf.com/combine-pdf","inLanguage":"en","step":[{"@type":"HowToStep","position":1,"text":"Drag multiple PDF files to the file areas, or select the files using the 'Choose Files' button. "},{"@type":"HowToStep","position":2,"text":"Drag the PDF thumbnails to adjust the order before combining them into one PDF. "},{"@type":"HowToStep","position":3,"text":"Click 'Start Conversion' button to merge all the uploaded files into one. "},{"@type":"HowToStep","position":4,"text":"Download the combined PDF file by clicking the 'Download File' button after processing. "}]}</script> </body> <script src="/statics/js/upload/jquery.form.js"></script> <script src="/statics/js/upload/cleverpdf.upload.js"></script> <script src="/statics/js/dialog.js"></script> <script src="/statics/js/upload/Sortable.js"></script> <script src="/statics/js/upload/drop.js"></script> <script type="text/javascript"> $(function () { //傳入的參數,為該 divUploadArea 區塊中,所有 DOM 对象(控件) 的 id 編號,如: divUploadArea1、spanUploadSelect1、WizardWuFileUpload1、... $(this).loadUploadContent(""); //載入第一個上傳區塊 divUploadArea1 所需要的 form 及 jQuery 內容 //$(this).loadUploadContent('2'); //載入第二個上傳區塊 divUploadArea2 所需要的 form 及 jQuery 內容 }); </script> <script src="/statics/js/pdf.js"></script> <script src="https://apis.google.com/js/api.js"></script> <script src="/statics/js/storage/google/drivers1.js"></script> <script type="text/javascript"> 'use strict'; var byId = function (id) { return document.getElementById(id); } Sortable.create(byId('container'), { group: "words", animation: 150, store: { get: function (sortable) { var order = localStorage.getItem(sortable.options.group); return order ? order.split('|') : []; }, set: function (sortable) { var order = sortable.toArray(); localStorage.setItem(sortable.options.group, order.join('|')); } }, onAdd: function (evt){ }, onUpdate: function (evt){ }, onRemove: function (evt){ }, onStart:function(evt){ }, onSort:function(evt){ }, onEnd: function(evt){ } }); $(document).on({ dragleave: function (e) { //拖离 e.preventDefault(); }, drop: function (e) { //拖后放 e.preventDefault(); }, dragenter: function (e) { //拖进 e.preventDefault(); }, dragover: function (e) { //拖来拖去 e.preventDefault(); } }); function showPdf(obj,id) { var container = document.getElementById("container"); container.style.display = "block"; $(".function_choosefile").addClass("function_choosefile_addPadding"); var url = obj; PDFJS.workerSrc = '/statics/js/pdf.worker.js'; PDFJS.getDocument(url).then(function getPdfHelloWorld(pdf) { // // Fetch the first page // pdf.getPage(1).then(function getPageHelloWorld(page) { var scale = 0.3; var viewport = page.getViewport(scale); // // Prepare canvas using PDF page dimensions // var canvas = document.getElementById(id); var context = canvas.getContext('2d'); canvas.height = viewport.height; canvas.width = viewport.width; // // Render PDF page into canvas context // var renderContext = { canvasContext: context, viewport: viewport }; page.render(renderContext); }); }); } function startConversion(){ var pwd=$("#txtPwd").val(); $("[name='pwd']").val(pwd); ajaxConversion('downCombine'); } var bar = $('#spanUploadBar'); //var percent = $('.percent'); //获取显示上传百分比的span var percent = $('#spanUploadPercent'); //var showimg = $('#showimg'); //显示图片的div var showimg = $('#divShowImageAfterUploadSuccess'); //var progress = $(".progress"); //显示进度的div var progress = $("#progress_up"); //var files = $(".files"); //文件上传控件input元素 var filesSuccess = $("#divShowContentAfterUploadSuccess"); //var btn = $(".btn span"); //按钮文本 var btn = $('#spanUploadSelect'); var fileList; var fileBox=[]; var hiddenVal=-1; function fileFnFiles() { var box = document.getElementById("choosefile"); var Ofile = document.getElementById("openPdf"); /*box.addEventListener("drop", Upload, false);*/ Ofile.addEventListener("change", Upload, false); /!*单个文件上传*!/ function Upload(event) { event.preventDefault(); //取消默认浏览器拖拽效果 if (event.type == "drop") { fileList = event.dataTransfer.files; //拖拽获取files } else { fileList = event.target.files; //点击获取files } //检测是否是拖拽文件到页面的操作 var file_type = document.getElementById("openPdf").getAttribute("file_type"); //获取允许上传文件类型 var reallyFile=true; var fileTypes=$("#openPdf").attr("accept").split(","); var arr=[]; for(var i=0;i<fileTypes.length;i++){ var fileType=fileTypes[i]; arr.push(fileType[1]); } for(var i=0;i<fileList.length;i++){ var FileExt = fileList[i].name.replace(/.+\./, "").toLowerCase(); //正则表达式获取后缀 for(var j=0;j<arr.length;j++){ if($.inArray(FileExt,arr)){ reallyFile=true; }else{ reallyFile=true; } } } if(reallyFile!=true){ $("#choosefile").hide(); $("#error_box").show(); $(".function_error_password").hide(); $("#error_format").show(); return false; } //检测文件大小 var pid=$("[name='pid']").val(); var oid=$("[name='oid']").val(); if(pid==3 && oid==5){ $("#oldFile").text(filesize); } var filepath = $("#openPdf").val(); var arr = new Array(); arr = filepath.split('.'); var ext = "." + arr[1]; var wjName = ""; var html=""; $("#container").show(); $("#chooseInput").show(); $("#input_conversion").show(); var filesize1=0; for (var i=0;i<fileList.length;i++){ var filesize = (fileList[i].size) / 1024 / 1024; if (filesize > 20) { //上传文件大小不能超过20M openCustomError("Oops, something wrong!","Please select a file less than 20MB, or purchase CleverPDF for Windows, convert larger files without limitations."); $("#openPdf").val(""); return false; } filesize1+=filesize; if (filesize1 > 50) { filesize1-=filesize; openCustomError("Oops, something wrong!","The total size of the selected files is too large, 50MB MAX. Or purchase CleverPDF for Windows, convert larger files without limitations."); $("#openPdf").val(""); fileList=[]; return; } } for (var i = 0; i < fileList.length; i++) { fileBox.push(fileList[i]); } var filesizes=0; for (var i=0;i<fileBox.length;i++){ if (typeof (fileBox[i])!="undefined"){ var filesize = (fileBox[i].size) / 1024 / 1024; filesizes+=filesize; if (filesizes > 50) { //上传文件大小不能超过20M filesizes-=filesize; openCustomError("Oops, something wrong!","The total size of the selected files is too large, 50MB MAX. Or purchase CleverPDF for Windows, convert larger files without limitations."); $("#openPdf").val(""); fileBox.splice(i, 1); return; } }else{ filesizes+=0; } } for (var i = 0; i < fileList.length; i++) { var wjName=fileList[i].name; var pdffile_url=URL.createObjectURL(fileList[i]); var id=$(".canvas_img").length+i+1; hiddenVal+=1; html+='<div class="canvas_box"><div class="canvas_img_box"><input type="hidden" value="'+hiddenVal+'"/><canvas class="canvas_img" id="canvas_img'+id+'"></canvas></div><div class="canvas_title">'+wjName+'</div><a class="canvas_delete" index=id><img src="/statics/images/canvas_delete.png" alt="canvas delete"/></a> </div>'; showPdf(pdffile_url,'canvas_img'+id); } $("#container").append(html); $(".canvas_box").each(function(){ $(this).mouseenter(function(){ $(this).addClass("canvas_visited"); $(this).children(".canvas_delete").show(); }).mouseleave(function(){ $(this).removeClass("canvas_visited"); $(this).children(".canvas_delete").hide(); }) }) $(".canvas_delete").click(function(){; var index=$(this).siblings(".canvas_img_box").children("input[type='hidden']").val(); $(this).parent().remove() delete fileBox[index]; var id=$(".canvas_img").length; for (var i=0;i<id;i++){ $(".canvas_img").eq(i).attr("id","canvas_img"+(i+1)); } }); $("#openPdf").val(""); } }; function ReallyUpload() { if(fileBox.length<2){ $("#openPdf").val(""); fileBox=[]; hiddenVal=-1; $("#choosefile").hide(); $("#input_conversion").hide(); $("#container").html(""); $("#error_box").show(); $("#error_num").show(); $("#error_bigger").hide(); $("#error_format").hide(); return false; } $("#error_box").hide(); $("#error_num").hide(); var Index = $("#PDFID").val(); var fileUpload = $("#openPdf").get(0); var files = fileBox; var nfileBox=[]; var data = new FormData(document.getElementById("filesUpload")); var numbers=""; for(var j=0;j<$(".canvas_img").length;j++){ $(".canvas_img").eq(j).attr("fileindex",(j+1)); /*var txt=$(".canvas_img").eq(j).parent().siblings(".canvas_title").text();*/ // for(var i=0;i<files.length;i++){ // if(files[i].name==txt){ // nfileBox.push(files[i]); // } var txt=$(".canvas_img").eq(j).siblings("input[type='hidden']").val(); for(var i=0;i<fileBox.length;i++){ if(i==txt){ nfileBox.push(fileBox[i]); } } // } data.append('files', nfileBox[j]); } progress.show(); var Really = ""; $("#choosefile").hide(); $.ajax({ url: "pdf/uploadFiles", type: "POST", data: data, contentType: false, dataType:'text', processData: false, beforeSend: function () { //发送数据之前,执下的代码 showimg.empty(); //清空图片预览区 progress.show(); //显示进度 var percentVal = '0%'; //显示进度百分比 bar.css({"width":percentVal}); //设置进度的宽度,增涨进度 percent.find(".bar").css({"width":percentVal}); bar.html(percentVal); btn.html("uploading..."); //指定显示中 }, xhr: function (event, position, total, percentComplete) { var xhr = $.ajaxSettings.xhr(); if(onprogress && xhr.upload) { xhr.upload.addEventListener("progress" , onprogress, false); return xhr; } }, success: function (data) { //获取服务器端返回的文件数据 //alert('success~'); //兼容ie modify by lifq data = JSON.parse(data); progress.hide(); $("#openPdf").val(""); if (data.STATUS == "0") { //回傳 1 代表上傳成功,就顯示:預覽圖、刪除超連結 //返回 json 的取值方式 filesSuccess.html("<b>" + data.Name + "</b> <span class='DelImg' id='spanDelImg' relNewName='" + data.NewName + "' relName='" + data.Name + "'>Delete the picture</span>"); //显示:已经上传的文件名、刪除字樣 $("#container").hide(); $("input[name='url']").val(data.url); $("input[name='index']").val(data.index); $("[name='status']").val(data.STATUS); nfileBox=[]; hiddenVal=-1; $(".function_choosefile").addClass("function_choosefile_addPadding"); conversionValidate(); }else if(data.STATUS=="110") { fileBox=[]; hiddenVal=-1; $("#choosefile").hide(); $("#progress_transformation").hide(); $("#input_conversion").hide(); $("#container").html(""); $("#error_box").show(); $("#error_try").show(); $(".function_choosefile").addClass("function_choosefile_addPadding"); return false; } else if (data.STATUS == "-2") { bar.width('0'); //重置进度条(會隱藏進度條) files.html("Upload action stop! Can not upload 0 KB image。"); } else if (data.STATUS == "115") { fileBox=[]; hiddenVal=-1; $("#progress_transformation").hide(); $("#input_conversion").hide(); $("#container").html(""); $("#error_box").show(); $("#error_try").show(); return false; } btn.html("选择文件"); //上傳成功後,按鈕要顯示的新字樣 }, error: function (err) { bar.width('0'); //重置进度条(會隱藏進度條) $("#progress_transformation").hide(); $(".function_error_password").hide(); $("#error_box").show(); $("#error_try").show(); $("#progress_up").hide(); return; } }); }; function onprogress(evt){ var loaded = evt.loaded; //已经上传大小情况 var tot = evt.total; //附件总大小 var percentVal = Math.floor(100*loaded/tot) + '%'; percent.find(".bar").css({"width":percentVal}); bar.html(percentVal); if(percentVal=='100%'){ progress.hide(); $("#progress_transformation").show(); $("#progress_transformation_num").html("Verifying"); } } $(function(){ $("[name='n1']").click(function(){ var val=$(this).val(); if(val==1){ $("#format_wh").show(); }else{ $("#format_wh").hide(); $("input[name='formatv1']").val("0"); $("input[name='formatv2']").val("0"); } }) $("[name='formatWidth']").blur(function(){ var val=$("input[name='formatWidth']").val(); if(val=="" || val==null || !/^[0-9]*[1-9][0-9]*$/.test(val)){ $("[name='formatWidth']").tips({ side : 3, msg : "Please enter a number between 0-1280", bg : '#f9f9f9', color:'#ef2f61', time : 2 }); return; }else if(val>1280){ $("[name='formatWidth']").tips({ side : 3, msg : "Please enter a number between 0-1280", bg : '#f9f9f9', color:'#ef2f61', time : 2 }); return; } $("[name='formatv1']").val($("input[name='formatWidth']").val()); }) $("[name='formatHeight']").blur(function(){ var val=parseInt($("input[name='formatHeight']").val()); if(val=="" || val==null || !/^[0-9]*[1-9][0-9]*$/.test(val)){ $("[name='formatHeight']").tips({ side : 3, msg : "Please enter a number between 0-1280", bg : '#f9f9f9', color:'#ef2f61', time : 2 }); return; }else if(val>1280){ $("[name='formatWidth']").tips({ side : 3, msg : "Please enter a number between 0-1280", bg : '#f9f9f9', color:'#ef2f61', time : 2 }); return; } $("[name='formatv2']").val($("input[name='formatHeight']").val()); }) $("[name='formatMargin']").blur(function(){ var val=parseInt($("input[name='formatMargin']").val()); if(val=="" || val==null || !/^[0-9]*[1-9][0-9]*$/.test(val)){ $("[name='formatMargin']").tips({ side : 3, msg : "Please enter a number between 0-256", bg : '#f9f9f9', color:'#ef2f61', time : 2 }); return; }else if(val>256){ $("[name='formatMargin']").tips({ side : 3, msg : "Please enter a number between 0-256", bg : '#f9f9f9', color:'#ef2f61', time : 2 }); return; } $("[name='formatv3']").val($("input[name='formatMargin']").val()); }) loadSubmit(); fileFnFiles(); }) function loadSubmit(){ var pdfIndex = localStorage.getItem('pdfIndex'); var uploadUrl = localStorage.getItem('uploadUrl'); if (pdfIndex != '' && pdfIndex != null && pdfIndex != 'undefined') { localStorage.removeItem('pdfIndex'); localStorage.removeItem('uploadUrl'); var data = new FormData(); data.append('index', pdfIndex); $.ajax({ type: "POST", url: 'pdf/renewFile', data: data, contentType: false, dataType: 'text', processData: false, success: function (data) { var pd = $.parseJSON(data); console.log(pd); $("input[name='url']").val(uploadUrl); $("input[name='index']").val(pd.data.index); $("input[name='pid']").val(pd.data.pid); $("input[name='oid']").val(pd.data.oid); $("input[name='status']").val(pd.data.status); $("input[name='pwd']").val(pd.data.oparas1); if (pd.data.oparas1 != '') { $("#txtPwd").val(pd.data.oparas1); } $("input[name='formatv1']").val(pd.data.oparav1); $("#choosefile").show(); $("#container").hide(); $("#chooseInput").hide(); $("#startConversion").show(); $("#progress_up").hide(); $("#progress_transformation").hide(); progress.hide(); var container = document.getElementById("container"); container.style.display = "block"; $(".function_choosefile").addClass("function_choosefile_addPadding"); $(".canvas_img").addClass("canvas_pdf"); }, error: function (data) { console.log(data.error) } }); } } $(".input_box_ship").find("li").mouseenter(function(){ var src=$(this).children("img").attr("src").split("_"); $(this).children("img").attr("src",src[0]+"_2.png"); }).mouseleave(function(){ var src=$(this).children("img").attr("src").split("_"); $(this).children("img").attr("src",src[0]+"_1.png"); }) $(function () { var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g var isIOS = u.indexOf('Mac OS') > -1 ;//ios终端 if (isAndroid) { //这个是安卓操作系统 $("#isWindow").show(); $("#productWin").show(); } if (isIOS) { //这个是ios操作系统 $("#isMac").show(); $("#productMac").show(); } if(isWin){ $("#isWindow").show(); $("#productWin").show(); } }) </script> <script> var filesizes = 0; function downloadDropbox(files){ if(files.length == 0){ return; } var fileObj = files.pop(); var filesize = Math.floor((fileObj.bytes) / 1024 / 1024); if(filesize>20){ $("#choosefile").hide(); $("#error_box").show(); $(".function_error_password").hide(); $("#error_bigger").show(); $("#progress_up").hide(); return false; } filesizes+=filesize; if(filesizes>50){ filesizes-=filesize; openCustomError("Oops, something wrong!","The total size of the selected files is too large, 50MB MAX. Or download CleverPDF for Windows, convert larger files without limitations, completely free!"); } var url = fileObj.link; var fileName = fileObj.name; if (url) { var xhr = new XMLHttpRequest(); xhr.open('GET', url); xhr.setRequestHeader("Content-Type", "text/plain; charset=dropbox-cors-hack") xhr.responseType= 'blob' xhr.onload = function() { var blob = xhr.response; var file = new File([blob], fileName); fileBox.push(file); $("#progress_up").hide(); $("#choosefile").show(); downloadDropbox(files); }; xhr.onerror = function() { alert("Download failure."); }; xhr.send(); } else { alert("Unable to download file."); } } options = { success: function (files) { showimg.empty(); //清空图片预览区 progress.show(); //显示进度 var percentVal = '0%'; //显示进度百分比 bar.css({"width":percentVal}); //设置进度的宽度,增涨进度 percent.find(".bar").css({"width":percentVal}); bar.html(percentVal); btn.html("uploading..."); //指定显示中 $("#choosefile").hide(); var selected = new Array(); $("#container").show(); var html=''; for (var i = 0;i<files.length;i++){ hiddenVal+=1; var id=$(".canvas_img").length+i+1; html+='<div class="canvas_box"><div class="canvas_img_box"><input type="hidden" value="'+hiddenVal+'"/><canvas class="canvas_img" id="canvas_img'+id+'"></canvas></div><div class="canvas_title">'+files[i].name+'</div><a class="canvas_delete" index=id><img src="/statics/images/canvas_delete.png" alt="canvas delete"/></a> </div>'; } $("#container").append(html); downloadDropbox(files); var container = document.getElementById("container"); container.style.display = "block"; $(".function_choosefile").addClass("function_choosefile_addPadding"); $(".canvas_img").addClass("canvas_pdf"); $(".canvas_box").each(function(){ $(this).mouseenter(function(){ $(this).addClass("canvas_visited"); $(this).children(".canvas_delete").show(); }).mouseleave(function(){ $(this).removeClass("canvas_visited"); $(this).children(".canvas_delete").hide(); }) }) $("#chooseInput").show(); $("#input_conversion").show(); $(".canvas_delete").click(function(){ var index=$(this).siblings(".canvas_img_box").children("input[type='hidden']").val(); $(this).parent().remove() delete fileBox[index]; var id=$(".canvas_img").length; for (var i=0;i<id;i++){ $(".canvas_img").eq(i).attr("id","canvas_img"+(i+1)); } }); }, cancel: function () { }, linkType: "direct", // "preview" or "direct" multiselect: true, // true or false extensions: ['.pdf'], }; var button = Dropbox.createChooseButton(options); document.getElementById("dropbox-container").appendChild(button); </script> </html>

Pages: 1 2 3 4 5 6 7 8 9 10