CINXE.COM
Gif Maker - Gratis Online - CleverPDF
<!DOCTYPE html> <html lang="nl"> <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 --> <title>Gif Maker - Gratis Online - CleverPDF</title> <meta name="description" content="CleverPDF helpt je je afbeeldingen in GIF'jes te veranderen. Eerst voeg je meerdere afbeeldingen toe. Klik op de 'Start'-knop en de GIF wordt onmiddellijk gecreëerd. " > <meta property="og:site_name" content="cleverpdf" /> <meta property="og:image" content="https://www.cleverpdf.com/statics/images/og-nl/gifmaker.jpg" /> <meta property="og:title" content="Gif Maker - Gratis Online - CleverPDF" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.cleverpdf.com/nl/gif-maker" /> <meta property="og:description" content="CleverPDF helpt je je afbeeldingen in GIF'jes te veranderen. Eerst voeg je meerdere afbeeldingen toe. Klik op de 'Start'-knop en de GIF wordt onmiddellijk gecreëerd. " /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@cleverpdf" /> <meta name="twitter:title" content="Gif Maker - Gratis Online - CleverPDF" /> <meta name="twitter:description" content="CleverPDF helpt je je afbeeldingen in GIF'jes te veranderen. Eerst voeg je meerdere afbeeldingen toe. Klik op de 'Start'-knop en de GIF wordt onmiddellijk gecreëerd. " /> <meta name="twitter:image" content="https://www.cleverpdf.com/statics/images/og-nl/gifmaker.jpg" /> <link rel="canonical" href="https://www.cleverpdf.com/nl/gif-maker" /> <link rel="alternate" hreflang="en" href="https://www.cleverpdf.com/gif-maker" /> <link rel="alternate" hreflang="de" href="https://www.cleverpdf.com/de/gif-maker" /> <link rel="alternate" hreflang="fr" href="https://www.cleverpdf.com/fr/gif-maker" /> <link rel="alternate" hreflang="it" href="https://www.cleverpdf.com/it/gif-maker" /> <link rel="alternate" hreflang="pt" href="https://www.cleverpdf.com/pt/gif-maker" /> <link rel="alternate" hreflang="es" href="https://www.cleverpdf.com/es/gif-maker" /> <link rel="alternate" hreflang="nl" href="https://www.cleverpdf.com/nl/gif-maker" /> <link rel="alternate" hreflang="pl" href="https://www.cleverpdf.com/pl/gif-maker" /> <link rel="alternate" hreflang="sv" href="https://www.cleverpdf.com/sv/gif-maker" /> <link rel="alternate" hreflang="zh-Hans" href="https://www.cleverpdf.com/cn/gif-maker" /> <link rel="alternate" hreflang="zh-Hant" href="https://www.cleverpdf.com/zh-tw/gif-maker" /> <link rel="alternate" hreflang="ja" href="https://www.cleverpdf.com/jp/gif-maker" /> <link rel="alternate" hreflang="ru" href="https://www.cleverpdf.com/ru/gif-maker" /> <link rel="alternate" hreflang="ko" href="https://www.cleverpdf.com/kr/gif-maker" /> <link rel="alternate" hreflang="vi" href="https://www.cleverpdf.com/vi/gif-maker" /> <link rel="alternate" hreflang="tr" href="https://www.cleverpdf.com/tr/gif-maker" /> <link rel="alternate" hreflang="id" href="https://www.cleverpdf.com/id/gif-maker" /> <link rel="alternate" hreflang="hi" href="https://www.cleverpdf.com/hi/gif-maker" /> <link rel="alternate" hreflang="th" href="https://www.cleverpdf.com/th/gif-maker" /> <link rel="alternate" hreflang="ar" href="https://www.cleverpdf.com/ar/gif-maker" /> <link rel="alternate" hreflang="ro" href="https://www.cleverpdf.com/ro/gif-maker" /> <link rel="alternate" hreflang="fi" href="https://www.cleverpdf.com/fi/gif-maker" /> <link rel="alternate" hreflang="da" href="https://www.cleverpdf.com/da/gif-maker" /> <link rel="alternate" hreflang="no" href="https://www.cleverpdf.com/no/gif-maker" /> </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_choosefile_input{ width:100%; text-align: center; } .canvas_container{ display: inline-block; position:relative; width:100%; max-width:600px; clear: both; overflow: hidden; } .function_choosefile{ padding-top:50px; } .canvas_box{ max-width: 120px; width:130px; height: 140px; text-align: center; padding:15px; } .canvas_img_box{ width: 100%; height: 100px; border: solid 1px black; text-align: center; vertical-align: middle; max-width: 100%; max-height:100%; } .canvas_img{ max-width:100%; max-height: 100%; background: #fff; } .canvas_title{ width: 100px; height: 40px; } </style> <div class="content"> <header class="header"> <a href="/nl" 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">Omzetten van PDF</p> <ul class="d-menu" data-role="dropdown"> <li> <a href="/nl/pdf-naar-word" class="menu_tWord"><span>PDF naar Word</span><i class="ico ico--word"></i></a> </li> <li> <a href="/nl/pdf-naar-excel" class="menu_tExcel"><span>PDF naar Excel</span><i class="ico ico--excel"></i></a> </li> <li> <a href="/nl/pdf-naar-powerpoint" class="menu_tPPTX"><span>PDF naar PPTX</span><i class="ico ico--ppt"></i></a> </li> <li> <a href="/nl/pdf-naar-jpg" class="menu_tImages"><span>PDF naar Images</span><i class="ico ico--images"></i></a> </li> <li> <a href="/nl/pdf-naar-pages" class="menu_tPages"><span>PDF naar Pages</span><i class="ico ico--pages"></i></a> </li> <li> <a href="/nl/pdf-naar-numbers" class="menu_tNumbers"><span>PDF naar Numbers</span><i class="ico ico--numbers"></i></a> </li> <li> <a href="/nl/pdf-naar-keynote" class="menu_tKeynote"><span>PDF naar Keynote</span><i class="ico ico--keynote"></i></a> </li> <li> <a href="/nl/pdf-naar-epub" class="menu_tEpub"><span>PDF naar EPUB</span><i class="ico ico--pdf2epub"></i></a> </li> <li> <a href="/nl/pdf-to-jpg" class="menu_tWord"><span>PDF naar JPG</span><i class="ico ico--jpg"></i></a> </li> <li> <a href="/nl/pdf-naar-png" class="menu_tExcel"><span>PDF naar PNG</span><i class="ico ico--png"></i></a> </li> <li> <a href="/nl/pdf-naar-tiff" class="menu_tPPTX"><span>PDF naar TIFF</span><i class="ico ico--tif"></i></a> </li> <li> <a href="/nl/pdf-naar-mobi" class="menu_tImages"><span>PDF naar Mobi</span><i class="ico ico--mobi"></i></a> </li> </ul> </li> <li> <p class="dropdown-toggle">Omzetten naar PDF</p> <ul class="d-menu d-menuP" data-role="dropdown"> <li> <a href="/nl/word-naar-pdf" class="menu_tWord"><i class="ico ico--word"></i><span>Word naar PDF</span></a> </li> <li> <a href="/nl/excel-naar-pdf" class="menu_tExcel"><i class="ico ico--excel"></i><span>Excel naar PDF</span></a> </li> <li> <a href="/nl/powerpoint-naar-pdf" class="menu_tPPTX"><i class="ico ico--ppt"></i><span>PPTX naar PDF</span></a> </li> <li> <a href="/nl/jpg-naar-pdf" class="menu_tImages"><i class="ico ico--images"></i><span>Images naar PDF</span></a> </li> <li> <a href="/nl/odt-naar-pdf" class="menu_tWord"><i class="ico ico--odt"></i><span>ODT naar PDF</span></a> </li> <li> <a href="/nl/epub-naar-pdf" class="menu_tExcel"><i class="ico ico--epub2pdf"></i><span>EPUB naar PDF</span></a> </li> <li> <a href="/nl/epub-naar-mobi" class="menu_tEpubMobi" style="overflow: hidden;"><i class="ico ico--epub2mobi"></i><span>EPUB naar Mobi</span></a> </li> <li> <a href="/nl/mobi-naar-pdf" class="menu_tImages"><i class="ico ico--mobi2pdf"></i><span>Mobi naar PDF</span></a> </li> <li> <a href="/nl/jpg-to-pdf" class="menu_tWord"><i class="ico ico--jpg"></i><span>JPG naar PDF</span></a> </li> <li> <a href="/nl/png-naar-pdf" class="menu_tExcel"><i class="ico ico--png"></i><span>PNG naar PDF</span></a> </li> <li> <a href="/nl/tiff-naar-pdf" class="menu_tPPTX"><i class="ico ico--tif"></i><span>TIFF naar PDF</span></a> </li> <li> <a href="/nl/bmp-naar-pdf" class="menu_tImages"><i class="ico ico--bmp"></i><span>BMP naar PDF</span></a> </li> </ul> </li> <li> <p class="dropdown-toggle">Andere tools</p> <ul class="d-menu d-menuP" data-role="dropdown"> <li> <a href="/nl/wachtwoordbeveiliging-pdf" class="menu_tEncrypt"><i class="ico ico--encrypt"></i><span>Beveilig PDF</span></a> </li> <li> <a href="/nl/unlock-pdf" class="menu_tUnlock"><i class="ico ico--unlock"></i><span>PDF-beveiliging verwijderen</span></a> </li> <li> <a href="/nl/pdf-samenvoegen" class="menu_tCombine"><i class="ico ico--combine"></i><span>PDF samenvoegen</span></a> </li> <li> <a href="/nl/split-pdf" class="menu_tSplit"><i class="ico ico--split"></i><span>Splits PDF</span></a> </li> <li> <a href="/nl/watermerk-toevoegen-aan-pdf" class="menu_tWatermark"><i class="ico ico--watermark"></i><span>Een watermerk toevoegen</span></a> </li> <li> <a href="/nl/pdf-draaien" class="menu_tRotate"><i class="ico ico--rotate"></i><span>Draai PDF</span></a> </li> <li> <a href="/nl/pdf-verkleinen" class="menu_tCompress"><i class="ico ico--compress"></i><span>PDF verkleinen</span></a> </li> <li> <a href="/nl/pdf-paginanummers" class="menu_tEditor"><i class="ico ico--pagenumber"></i><span>Paginanummers</span></a> </li> <li> <a href="/nl/afbeeldingen-extraheren" class="menu_tUnlock"><i class="ico ico--extract"></i><span>Afbeeldingen extraheren</span></a> </li> <li> <a href="/nl/pdf-pagina-herschikken" class="menu_tSplit"><i class="ico ico--reorder"></i><span>Pagina's herschikken</span></a> </li> <li> <a href="/nl/pdf-pagina-verwijderen" class="menu_tRotate"><i class="ico ico--delete"></i><span>Pagina's verwijderen</span></a> </li> <li> <a href="/nl/beeldconverter" class="menu_tCompress" style="overflow: hidden;"><i class="ico ico--imageconverter"></i><span>Beeldconverter</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">Omzetten van PDF</div> <ul class="header_mobile_list" data-role="dropdown"> <a href="/nl/pdf-naar-word"><span>PDF naar Word</span></a> <a href="/nl/pdf-naar-excel"><span>PDF naar Excel</span></a> <a href="/nl/pdf-naar-powerpoint"><span>PDF naar PPTX</span></a> <a href="/nl/pdf-naar-jpg"><span>PDF naar Images</span></a> <a href="/nl/pdf-naar-pages"><span>PDF naar Pages</span></a> <a href="/nl/pdf-naar-numbers"><span>PDF naar Numbers</span></a> <a href="/nl/pdf-naar-keynote"><span>PDF naar Keynote</span></a> <a href="/nl/pdf-naar-epub"><span>PDF naar EPUB</span></a> <a href="/nl/pdf-to-jpg"><span>PDF naar JPG</span></a> <a href="/nl/pdf-naar-png"><span>PDF naar PNG</span></a> <a href="/nl/pdf-naar-tiff"><span>PDF naar TIFF</span></a> <a href="/nl/pdf-naar-mobi"><span>PDF naar 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">Omzetten naar PDF</div> <ul class="header_mobile_list" data-role="dropdown"> <a href="/nl/word-naar-pdf" class="menu_tWord"><span>Word naar PDF</span></a> <a href="/nl/excel-naar-pdf" class="menu_tExcel"><span>Excel naar PDF</span></a> <a href="/nl/powerpoint-naar-pdf" class="menu_tPPTX"><span>PPTX naar PDF</span></a> <a href="/nl/jpg-naar-pdf" class="menu_tImages"><span>Images naar PDF</span></a> <a href="/nl/odt-naar-pdf" class="menu_tWord"><span>ODT naar PDF</span></a> <a href="/nl/epub-naar-pdf" class="menu_tExcel"><span>EPUB naar PDF</span></a> <a href="/nl/epub-naar-mobi" class="menu_tPPTX"><span>EPUB naar Mobi</span></a> <a href="/nl/mobi-naar-pdf" class="menu_tImages"><span>Mobi naar PDF</span></a> <a href="/nl/jpg-to-pdf" class="menu_tEditor"><span>JPG naar PDF</span></a> <a href="/nl/png-naar-pdf" class="menu_tEditor"><span>PNG naar PDF</span></a> <a href="/nl/tiff-naar-pdf" class="menu_tEditor"><span>TIFF naar 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">Andere tools</div> <ul class="header_mobile_list" data-role="dropdown"> <a href="/nl/wachtwoordbeveiliging-pdf" class="menu_tEncrypt"><span>Beveilig PDF</span></a> <a href="/nl/unlock-pdf" class="menu_tUnlock"><span>PDF-beveiliging verwijderen</span></a> <a href="/nl/pdf-samenvoegen" class="menu_tCombine"><span>PDF samenvoegen</span></a> <a href="/nl/split-pdf" class="menu_tSplit"><span>Splits PDF</span></a> <a href="/nl/watermerk-toevoegen-aan-pdf" class="menu_tWatermark"><span>Een watermerk toevoegen</span></a> <a href="/nl/pdf-draaien" class="menu_tRotate"><span>Draai PDF</span></a> <a href="/nl/pdf-verkleinen" class="menu_tCompress"><span>PDF verkleinen</span></a> <a href="/nl/pdf-paginanummers" class="menu_tEditor"><span>Paginanummers</span></a> <a href="/nl/afbeeldingen-extraheren" class="menu_tEditor"><span>Afbeeldingen extraheren</span></a> <a href="/nl/pdf-pagina-herschikken" class="menu_tEditor"><span>Pagina's herschikken</span></a> <a href="/nl/pdf-pagina-verwijderen" class="menu_tEditor"><span>Pagina's verwijderen</span></a> <a href="/nl/beeldconverter" class="menu_tEditor"><span>Beeldconverter</span></a> <a href="/nl/png-naar-jpg" class="menu_tEditor"><span>PNG naar JPG</span></a> <a href="/nl/heic-naar-jpg" class="menu_tEditor"><span>HEIC naar JPG</span></a> <a href="/nl/tiff-naar-jpg" class="menu_tEditor"><span>TIFF naar JPG</span></a> <a href="/nl/bmp-naar-jpg" class="menu_tEditor"><span>BMP naar JPG</span></a> <a href="/nl/gif-maker" class="menu_tEditor"><span>Gif Maker</span></a> <a href="/nl/jpg-naar-png" class="menu_tEditor"><span>JPG naar PNG</span></a> <a href="/nl/gif-naar-jpg" class="menu_tEditor"><span>GIF naar JPG</span></a> <a href="/nl/gif-naar-png" class="menu_tEditor"><span>GIF naar 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="nl"/> <p class="language_select_text dropdown-toggle" id="language_select_text">Nederlands</p> <div class="language_select_options" data-role="dropdown" id="language_select_options"> <a href="/gif-maker" value="en">English</a> <a href="/de/gif-maker" value="de-DE">Deutsch</a> <a href="/fr/gif-maker" value="fr-FR">Français</a> <a href="/it/gif-maker" value="it-IT">Italiano</a> <a href="/pt/gif-maker" value="pt-PT">Português</a> <a href="/es/gif-maker" value="es-ES">Español</a> <a href="/ru/gif-maker" value="ru-RU">Русский</a> <a href="/sv/gif-maker" value="sv-SV">Svenska</a> <a href="/pl/gif-maker" value="pl-PL">Polski</a> <a href="/nl/gif-maker" value="nl-NL">Nederlands</a> <a href="/vi/gif-maker" value="vi-VI">Tiếng việt</a> <a href="/id/gif-maker" value="id-ID">Indonesian</a> <a href="/tr/gif-maker" value="tr-TR">Türkçe</a> <a href="/jp/gif-maker" value="ja-JP">日本語</a> <a href="/kr/gif-maker" value="kr-KR">한국어</a> <a href="/cn/gif-maker" value="zh-CN">中文简体</a> <a href="/zh-tw/gif-maker" value="zh-TW">中文繁体</a> <a href="/hi/gif-maker" value="hi">हिन्दी</a> <a href="/th/gif-maker" value="th">ภาษาไทย</a> <a href="/ar/gif-maker" value="ar">العربية</a><a href="/ro/gif-maker" value="ro">Română</a><a href="/fi/gif-maker" value="fi">Suomi</a><a href="/da/gif-maker" value="da">Dansk</a><a href="/no/gif-maker" 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/functiongifmaker.svg" alt="CleverPDF GIF Maker" style="margin-left:0;"/><h1 class="function_titlegifmaker" style="margin-left:10px;" id="itp_title">Gif Maker</h1> <h2 class="function_title_promit" id="itp_promit">CleverPDF helpt je je afbeeldingen in GIF'jes te veranderen.</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 class="function_box" id="choosefile"> <div class="function_choosefile"> <div class="function_choosefile_input"> <div class="canvas_container" id="container"> </div> <div class="input_box openImage" id="chooseInput" style="clear:both;overflow:hidden;height:auto;width:100%;background:#fff;"> <span style="background: #2f56aa;margin-bottom: 10px;display:inline-block;top:3px;position: relative;" id="choose_file"> <label for="openPdf">Bestand kiezen</label> <input type="file" style="width:210px;left:0;" id="openPdf" accept="jpg,jpeg,png,tiff,bmp,gif,JPEG,JPG,PNG,TIF,BMP,GIF" 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: #2f56aa;" type="button" onclick="ReallyUpload()">Conversie starten</button> </div> </div> <div class="function_choosefile_font" id="itp_choosefile">Je kunt na het toevoegen van de bestanden door te slepen de volgorde veranderen.</div> </div> <form id="filesUpload" 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="pid" id="PDFID" value="3"/> <input type="hidden" name="oid" value="11"/> <input type="hidden" name="url" value=""/> <input type="hidden" name="index" value=""/> <input type="hidden" name="status" value=""/> <input type="hidden" name="numbers" value=""/> <input type="hidden" name="pwd" value=""/> <input type="hidden" name="formatv1" value="9"/> <input type="hidden" name="formatv2" value="100"/> <input type="hidden" name="formatv3" value="100"/> <input type="hidden" name="formats1" value="100"/> </form> <div class="grid"> <div class="function_labels"> <div class="function_labels_box"> <div class="function_format_title"id="animation_speed_title" style="width:200px;">Snelheid (0-10000)</div> <div class="active-container function_format_select" style="margin-top:10px;width: 165px"> <span class="caption"><input type="" id="animation_speed" value="100" style=" width: 47px;height: 30px; line-height: 30px;border: 1px solid #d0d0d0;border-radius: 4px;font-size: 14px; color: #848484;text-align: center;margin: 0 5px;">ms</span> </div> </div> <div class="function_labels_box" style="text-align: center;"> <div class="function_format_title"id="repeat_times_title" style="width:200px;">Herhalen (0-999)</div> <div class="active-container function_format_select" style="margin-top:10px;width: 165px"> <span class="caption"><input type="" id="repeat_times" value="100" style=" width: 47px;height: 30px; line-height: 30px;border: 1px solid #d0d0d0;border-radius: 4px;font-size: 14px; color: #848484;text-align: center;margin: 0 5px;">times</span> </div> </div> <div class="function_labels_box"> <div class="function_format_title"id="canvas_size_title" style="width:200px;">Grootte (30-200)</div> <div class="active-container function_format_select" style="margin-top:10px;width: 165px"> <span class="caption"><input type="" id="canvas_size" value="100" style=" width: 47px;height: 30px; line-height: 30px;border: 1px solid #d0d0d0;border-radius: 4px;font-size: 14px; color: #848484;text-align: center;margin: 0 5px;">%</span> </div> </div> </div> </div> </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">Bestand uploaden naar...<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">Gecodeerd bestand gevonden</div> <div class="function_error_font"id="unlock_error_title">Dit bestand is versleuteld met een wachtwoord om te openen; we hebben geen toegang tot de inhoud. Voer het correcte wachtwoord om te openen in en probeer het nog een keer te converteren.</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_bigger"> <div class="function_error_title"id="combine_error_title_two">Het bestand is te groot</div> <div class="function_error_font"id="combine_error_title_font_three">Bestanden kunnen niet groter dan 20MB zijn. Dien een kleiner bestand in. Of koop CleverPDF voor Windows, converteer grotere bestanden zonder beperkingen.</div> <div class="function_error_buttons"><input type="button" class="function_error_button" onclick="conversionAnother()"id="try_another_file" value="Probeer een ander bestand."/><a href="/nl/help"id="problem_help">Help</a></div> </div> <div class="function_error_password" id="error_try"> <div class="function_error_title"id="combine_error_title_three">Geen normaal bestand</div> <div class="function_error_font"id="combine_error_title_font_four">Het bestand is mogelijk beschadigd.</div> <div class="function_error_buttons"><input type="button" class="function_error_button" onclick="conversionAnother()"id="try_another_file_two" value="Probeer een ander bestand."/><a href="/nl/help"id="problem_help_two">Help</a></div> </div> <div class="function_error_password" id="error_format"> <div class="function_error_title"id="combine_error_title_four">De bestandsindeling is ongeldig.</div> <div class="function_error_font"id="combine_error_title_font_five">Deze bestandsindeling wordt niet ondersteund. Probeer een ander bestand.</div> <div class="function_error_buttons"><input type="button" class="function_error_button" onclick="conversionAnother()"id="try_another_file_three" value="Probeer een ander bestand."/><a href="/nl/help"id="problem_help_three">Help</a></div> </div> <div class="function_error_password" id="error_more"> <div class="function_error_title"id="combine_error_title_five">Meerdere bestanden is ongeldig.</div> <div class="function_error_font"id="combine_error_title_font_severn">U kunt slechts één bestand tegelijk uploaden.</div> <div class="function_error_buttons"><input type="button" class="function_error_button" onclick="conversionAnother()" id="try_another_file_four"value="Probeer een ander bestand."/><a href="/nl/help"id="problem_help_four">Help</a></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>Video bekijken</p></a></div> <div class="detail"> <h3 >24-in-1 CleverPDF voor Windows</h3> <span >Een krachtigere oplossing voor je PDF-taken. Desktopversie vereist geen internetverbinding, ondersteunt batchverwerking en grotere bestanden. Het biedt meer uitvoeropties en flexibiliteit. Gratis en betaalde versies zijn beschikbaar. </span> </div> </div> <div class="function_banner_button cell colspan3"> <a href="https://www.cleverpdf.com/uploadfile/cleverpdf-v300.exe" target="_blank" class="Free">Gratis download</a> <a href="https://www.cleverpdf.com/nl/pdf-converter" target="_blank" class="Learn" >Meer informatie</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>Video bekijken</p></a></div> <div class="detail"> <h3 id="">20-in-1 CleverPDF voor Mac</h3> <span id="">Een krachtigere oplossing voor je PDF-taken. Desktopversie vereist geen internetverbinding, ondersteunt batchverwerking en grotere bestanden. Het biedt meer uitvoeropties en flexibiliteit. Gratis en betaalde versies zijn beschikbaar. </span> </div> </div> <div class="function_banner_button cell colspan3"> <!--<a href="https://geo.itunes.apple.com/us/app/cleverpdf/id1445515197?mt=12&app=apps"><img src="/statics/images/app-store-dl/dl-mas-nl.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="">Gratis download</a> <a href="https://www.cleverpdf.com/nl/pdf-converter-mac" target="_blank" class="Learn" id="">Meer informatie</a> </div> </div> </div> <div class="grid function_lists"> <div class="row cells2 function_list"> <div class="cell"> <img src="/statics/images/function_list9.svg" alt="CleverPDF feature 9" class="function_list_img"/> <div class="function_list_detail"> <h3 id="gifmaker_left_one">Wat is GIF?</h3> <span id="gifmaker_left_one_desc">Geanimeerde GIFs zijn zeer populair op social media.Het laadt de afbeeldingen op volgorde zodat je het animatie-effect ziet.CleverPDF helpt je je afbeeldingen in GIF'jes te veranderen.</span> </div> </div> <div class="cell"> <img src="/statics/images/function_list10.svg" alt="CleverPDF feature 10" class="function_list_img"/> <div class="function_list_detail"> <h3 id="gifmaker_right_two">Hoe maak je GIFs?</h3> <span id="gifmaker_right_two_desc">Eerst voeg je meerdere afbeeldingen toe.Sleep de thumbnails om de volgorde van de afbeeldingen te veranderen.Stel de output-instellingen waar nodig in.Klik op de 'Start'-knop en de GIF wordt onmiddellijk gecreëerd.</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="gifmaker_left_three">Anoniem, veilig, permanent gratis</h3> <span id="gifmaker_left_three_desc">De bestanden die je uploadt, worden automatisch na 30 minuten verwijderd. Je kunt het bestand ook direct na de conversie handmatig van de server verwijderen. Geen inschrijving of lidmaatschap vereist, upload bestanden anoniem. Privacy is belangrijk voor ons. Alle online PDF-tools zijn voor altijd gratis. </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="gifmaker_right_four">Clouddiensten, meerdere platforms</h3> <span id="gifmaker_right_four_desc">Conversie in de cloud, geen software nodig. Alles wat je nodig hebt is internettoegang en een internetbrowser om PDF te converteren of wijzigen op Windows, Mac, iOS, Linux of een ander besturingssysteem.</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">Hoe maak je GIFs?</h2> <span id=""> <ol> <li>Kies een bestand op uw computer, of klik en sleep bestanden naar het bestandenveld.<br/></li> <li>Klik op de 'Begin Conversie'-knop en de conversie zal meteen beginnen.<br/></li> <li>Download het bestand meteen nadat het is verwerkt.<br/></li> <li>Het bestand zal over 30 minuten automatisch van onze server worden verwijderd. Klik op ‘Verwijderen’ om het bestand direct te verwijderen.<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">Volg ons op</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="/nl/privacy" class="first" id="privacy_terms">Privacy en voorwaarden</a> <a href="/nl/about-us" id="about_ab">Over</a> <a href="/nl/help" id="help_guide">Help</a> <a href="/nl/contact" id="con_us">Contact opnemen</a> <a href="/nl/pdf-converter" id="desk_store" >Desktopsoftware 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="/nl/privacy" class="first" id="privacy_terms_mb">Privacy en voorwaarden</a></li> <li><a href="/nl/about-us" id="about_ab_mb">Over</a></li> <li><a href="/nl/help" id="help_guide_mb">Help</a></li> <li><a href="/nl/contact" id="con_us_mb">Contact opnemen</a></li> <li><a href="/nl/pdf-converter" id="desk_store_mb" >Desktopsoftware 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> </body> <script src="/statics/js/upload/jquery.form.js"></script> <script src="/statics/js/upload/cleverpdf.upload.js"></script> <script src="/statics/js/jquery.tips.js"></script> <script src="/statics/js/upload/Sortable.js"></script> <script src="/statics/js/upload/nl/drop.js"></script> <script src="/statics/js/dialog.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="https://apis.google.com/js/api.js"></script> <script src="/statics/js/storage/google/drivers.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) { var container = document.getElementById("container"); container.style.display = "block"; $(".function_choosefile").addClass("function_choosefile_addPadding"); var url = obj; $(".canvas_img").css({"background":"url("+url+") center center no-repeat"}); }*/ function startConversion(){ var formatv1 = 9; var formatv2 = $("#animation_speed").val(); var formatv3 = $("#repeat_times").val(); var formats1 = $("#canvas_size").val(); $("[name='formatv1']").val(formatv1); $("[name='formatv2']").val(formatv2); $("[name='formatv3']").val(formatv3); $("[name='formats1']").val(formats1); var pwd=$("#txtPwd").val(); $("[name='pwd']").val(pwd); var format='.pdf'; ajaxConversion('nl/downgifmaker'); } 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 fileTypes=$("#openPdf").attr("accept").split(","); var arr=[]; for(var i=0;i<fileTypes.length;i++){ var fileType=fileTypes[i]; arr.push(fileType); } var reallyFile; for(var i=0;i<fileList.length;i++){ var FileExt = fileList[i].name.replace(/.+\./, "").toLowerCase(); //正则表达式获取后缀 if($.inArray(FileExt,arr)!=-1){ reallyFile=true; }else{ reallyFile=false; } } if(reallyFile==false){ return; } //检测文件大小 var filesizes=0; var filesize1=0; for (var i=0;i<fileList.length;i++){ var filesize = Math.floor((fileList[i].size) / 1024 / 1024); if (filesize > 20) { //上传文件大小不能超过20M $("#choosefile").hide(); $("#error_box").show(); $(".function_error_password").hide(); $("#error_bigger").show(); 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 download CleverPDF for Windows, convert larger files without limitations, completely free!"); $("#openPdf").val(""); fileList=[]; return; } } for (var i = 0; i < fileList.length; i++) { fileBox.push(fileList[i]); } 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) { //上传文件大小不能超过50M 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!"); $("#openPdf").val(""); fileBox.splice(i, 1); return; } }else{ filesizes+=0; } } 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(); for (var i = 0; i < fileList.length; i++) { var wjName=fileList[i].name; var pdffile_url=URL.createObjectURL(fileList[i]); hiddenVal+=1; html+='<div class="canvas_box"><div class="canvas_img_box"><input type="hidden" value="'+hiddenVal+'"/><img class="canvas_img" src="'+pdffile_url+'"/></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>'; } $("#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(); }) }) $("#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)); } }); } }; function ReallyUpload() { 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).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 = ""; $.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_transformation").show(); progress.hide(); 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); $("#openPdf").val(""); fileBox=[]; nfileBox=[]; hiddenVal=-1; $(".function_choosefile").addClass("function_choosefile_addPadding"); conversionValidate(); } else if (data.STATUS == "-2") { bar.width('0'); //重置进度条(會隱藏進度條) files.html("Upload action stop! Can not upload 0 KB image。"); } else if (data.STATUS == "115") { bar.width('0'); //重置进度条(會隱藏進度條) $("#openPdf").val(""); $("#choosefile").hide(); $(".function_error_password").hide(); $("#error_box").show(); $("#error_try").show(); $("#progress_up").hide(); fileBox=[]; nfileBox=[]; hiddenVal=-1; return; } btn.html("选择文件"); //上傳成功後,按鈕要顯示的新字樣 }, error: function (err) { bar.width('0'); //重置进度条(會隱藏進度條) $("#choosefile").hide(); $("#progress_transformation").hide(); $(".function_error_password").hide(); $("#error_box").show(); $("#error_try").show(); $("#progress_up").hide(); fileBox=[]; nfileBox=[]; hiddenVal=-1; 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); $("#choosefile").hide(); if(percentVal=='100%'){ progress.hide(); $("#progress_transformation").show(); $("#progress_transformation_num").html("Verifying"); } } $(function(){ 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(9); $("#choosefile").show(); $("#container").hide(); $("#chooseInput").hide(); $("#startConversion").show(); $("#progress_up").hide(); $("#progress_transformation").hide(); progress.hide(); console.log(data); showPdf(uploadUrl); }, error: function (data) { console.log(data.error) } }); } } $(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(); } $(".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"); }) }) </script> <script> 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(); return false; } var filesizes = 0; 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; html+='<div class="canvas_box"><div class="canvas_img_box"><input type="hidden" value="'+hiddenVal+'"/><img class="canvas_img" src="'+files[i].link+'"/></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); $(".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: ['.png', '.jpg', '.jpeg','.tiff','.bmp','.gif','.JPEG','.JPG','.PNG','.TIF','.BMP','.GIF'], }; var button = Dropbox.createChooseButton(options); document.getElementById("dropbox-container").appendChild(button); </script> </html>