CINXE.COM

Convert HEICc to JPG Online - Free - CleverPDF.com

<!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>Convert HEICc to JPG Online - Free - CleverPDF.com</title> <meta name="description" content="Convert HEIC image to JPG format easily with CleverPDF, simply upload HEIC and download the JPG files after conversion. 100% free of charge. " > <meta property="og:site_name" content="cleverpdf" /> <meta property="og:image" content="https://www.cleverpdf.com/statics/images/og-en/heic-to-jpg.jpg" /> <meta property="og:title" content="Convert HEICc to JPG Online - Free - CleverPDF.com" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.cleverpdf.com/heic-to-jpg" /> <meta property="og:description" content="Convert HEIC image to JPG format easily with CleverPDF, simply upload HEIC and download the JPG files after conversion. 100% free of charge. " /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@cleverpdf" /> <meta name="twitter:title" content="Convert HEICc to JPG Online - Free - CleverPDF.com" /> <meta name="twitter:description" content="Convert HEIC image to JPG format easily with CleverPDF, simply upload HEIC and download the JPG files after conversion. 100% free of charge. " /> <meta name="twitter:image" content="https://www.cleverpdf.com/statics/images/og-en/heic-to-jpg.jpg" /> <link rel="canonical" href="https://www.cleverpdf.com/heic-to-jpg" /> <link rel="alternate" hreflang="en" href="https://www.cleverpdf.com/heic-to-jpg" /> <link rel="alternate" hreflang="de" href="https://www.cleverpdf.com/de/heic-in-jpg" /> <link rel="alternate" hreflang="fr" href="https://www.cleverpdf.com/fr/convertir-heic-en-jpg" /> <link rel="alternate" hreflang="it" href="https://www.cleverpdf.com/it/convertire-heic-in-jpg" /> <link rel="alternate" hreflang="pt" href="https://www.cleverpdf.com/pt/heic-para-jpg" /> <link rel="alternate" hreflang="es" href="https://www.cleverpdf.com/es/convertir-heic-a-jpg" /> <link rel="alternate" hreflang="nl" href="https://www.cleverpdf.com/nl/heic-naar-jpg" /> <link rel="alternate" hreflang="pl" href="https://www.cleverpdf.com/pl/heic-do-jpg" /> <link rel="alternate" hreflang="sv" href="https://www.cleverpdf.com/sv/heic-till-jpg" /> <link rel="alternate" hreflang="zh-Hans" href="https://www.cleverpdf.com/cn/heic-to-jpg" /> <link rel="alternate" hreflang="zh-Hant" href="https://www.cleverpdf.com/zh-tw/heic-to-jpg" /> <link rel="alternate" hreflang="ja" href="https://www.cleverpdf.com/jp/heic-to-jpg" /> <link rel="alternate" hreflang="ru" href="https://www.cleverpdf.com/ru/heic-to-jpg" /> <link rel="alternate" hreflang="ko" href="https://www.cleverpdf.com/kr/heic-to-jpg" /> <link rel="alternate" hreflang="vi" href="https://www.cleverpdf.com/vi/heic-to-jpg" /> <link rel="alternate" hreflang="tr" href="https://www.cleverpdf.com/tr/heic-to-jpg" /> <link rel="alternate" hreflang="id" href="https://www.cleverpdf.com/id/heic-to-jpg" /> <link rel="alternate" hreflang="hi" href="https://www.cleverpdf.com/hi/heic-to-jpg" /> <link rel="alternate" hreflang="th" href="https://www.cleverpdf.com/th/heic-to-jpg" /> <link rel="alternate" hreflang="ar" href="https://www.cleverpdf.com/ar/heic-to-jpg" /> <link rel="alternate" hreflang="ro" href="https://www.cleverpdf.com/ro/heic-to-jpg" /> <link rel="alternate" hreflang="fi" href="https://www.cleverpdf.com/fi/heic-to-jpg" /> <link rel="alternate" hreflang="da" href="https://www.cleverpdf.com/da/heic-to-jpg" /> <link rel="alternate" hreflang="no" href="https://www.cleverpdf.com/no/heic-to-jpg" /> </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="/" 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="/heic-to-jpg" value="en">English</a> <a href="/de/heic-in-jpg" value="de-DE">Deutsch</a> <a href="/fr/convertir-heic-en-jpg" value="fr-FR">Français</a> <a href="/it/convertire-heic-in-jpg" value="it-IT">Italiano</a> <a href="/pt/heic-para-jpg" value="pt-PT">Português</a> <a href="/es/convertir-heic-a-jpg" value="es-ES">Español</a> <a href="/ru/heic-to-jpg" value="ru-RU">Русский</a> <a href="/sv/heic-till-jpg" value="sv-SV">Svenska</a> <a href="/pl/heic-do-jpg" value="pl-PL">Polski</a> <a href="/nl/heic-naar-jpg" value="nl-NL">Nederlands</a> <a href="/vi/heic-to-jpg" value="vi-VI">Tiếng việt</a> <a href="/id/heic-to-jpg" value="id-ID">Indonesian</a> <a href="/tr/heic-to-jpg" value="tr-TR">Türkçe</a> <a href="/jp/heic-to-jpg" value="ja-JP">日本語</a> <a href="/kr/heic-to-jpg" value="kr-KR">한국어</a> <a href="/cn/heic-to-jpg" value="zh-CN">中文简体</a> <a href="/zh-tw/heic-to-jpg" value="zh-TW">中文繁体</a> <a href="/hi/heic-to-jpg" value="hi">हिन्दी</a> <a href="/th/heic-to-jpg" value="th">ภาษาไทย</a> <a href="/ar/heic-to-jpg" value="ar">العربية</a><a href="/ro/heic-to-jpg" value="ro">Română</a><a href="/fi/heic-to-jpg" value="fi">Suomi</a><a href="/da/heic-to-jpg" value="da">Dansk</a><a href="/no/heic-to-jpg" 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"> <h1 class="function_titleheic2jpg" id="images_head">Convert HEIC to JPG</h1><img src="/statics/images/functionheic2jpg.svg" alt="CleverPDF HEIC to JPG Converter" /> <h2 class="function_title_promit" id="images_promit">Export HEIC to JPG file online for free</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 openCompress" id="chooseInput" style="clear:both;overflow:hidden;height:auto;width:100%;background:#fff;"> <span style="background: #2f954c;margin-bottom: 10px;display:inline-block;top:3px;position: relative;" id="choose_file"> <label for="openPdf">Choose file</label> <input type="file" style="width:210px;left:0;" id="openPdf" accept="jpg,jpeg,png,tiff,tif,bmp,gif,heic,JPEG,JPG,PNG,TIF,TIFF,BMP,GIF,HEIC" 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: #2f954c;" type="button" onclick="ReallyUpload()">Start conversion</button> </div> </div> <div class="function_choosefile_font" id="itp_choosefile">You can rearrange the order by drag and drop after adding the file.</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="6"/> <input type="hidden" name="formatv2" value="100"/> <input type="hidden" name="formatv3" value="100"/> </form> <div class="flex-grid"> <div class="function_format row flex-just-center function_format_excel"> <div class="function_labels"> <div class="function_labels_box" style="text-align: center;width: auto;max-width: none;"> <div class="function_format_title"id="image_resolution_title">Image Resolution:</div> <div class="active-container function_format_select" style="margin-top:10px;"> <span class="caption"><input type="" id="image_resolution" 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;">dpi (36-600)</span> </div> </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">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="unlock_error_title">This file is encrypted by the 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_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" value="Try another file"/><a href="help"id="problem_help">Problem Help</a></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_two" value="Try another file"/><a href="help"id="problem_help_two">Problem Help</a></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_three" value="Try another file"/><a href="help"id="problem_help_three">Problem Help</a></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_four"value="Try another file"/><a href="help"id="problem_help_four">Problem 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>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/fowcgijOiFc?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://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_list9.svg" alt="CleverPDF feature 9" class="function_list_img"/> <div class="function_list_detail"> <h3 id="itp_left_one">Transfering HEIC to JPG for better compatibility</h3> <span id="itp_left_one_desc">If you have some iPhone pictures in HEIC or HEIF formats, you can use this free converter to convert them into JPG for better compatibility in different operating systems and software.</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="itp_right_two">Batch convert multiple HEIC to JPG</h3> <span id="itp_right_two_desc">You can add multiple HEIC files at once (Up to 20MB), and click on the convert button, and download the JPG files after processing. It's a super-easy way to transfer HEIC to JPG formats online.</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="heic2jpg_left_three">Files will be removed automatically</h3> <span id="heic2jpg_left_three_desc">The uploaded HEIC and converted JPG files will be removed from the server after 30 mins, you can also request removal instantly after conversion, simply click 'Delete' button on the download page.</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="heic2jpg_right_four">Convert HEIC anywhere</h3> <span id="heic2jpg_right_four_desc">CleverPDF offer the online HEIC to JPG conversion, all you need is the Internet connection and a web browser, you can convert HEIC on Mac, Windows, mobile devices as needed. No software is required.</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 Convert HEIC to JPG online for free?</h2> <span id=""> <ol> <li>Step 1: Select HEIC files, you can simply drag and drop files to the file area;<br/></li> <li>Step 2: Setup the output setting, such as the resolution of the output image, click the 'Start' button;<br/></li> <li>Step 3: Download the converted file in zip format. After downloading, unzip the file and you'll get the converted JPG files;<br/></li> <li>Step 4: Click the 'Trash' button to request instantly removal, all the uploaded and converted files will be removed from the server instantly.<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> </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/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(){ ajaxConversion('downheic2jpg'); } 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){ $("#choosefile").hide(); $("#error_box").show(); $(".function_error_password").hide(); $("#error_format").show(); 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 formatv1 = 6; var formatv2 = $("#image_resolution").val(); $("[name='formatv1']").val(formatv1); $("[name='formatv2']").val(formatv2); var pwd=$("#txtPwd").val(); $("[name='pwd']").val(pwd); var format='.pdf'; if(formatv2=="" || formatv2==null){ $("#image_resolution").val("100"); $("[name='formatv2']").val("100"); }else if(!/^[0-9]*[1-9][0-9]*$/.test(formatv2)){ $("#image_resolution").tips({ side : 3, msg : "Please enter a number between 36-600", bg : '#f9f9f9', color:'#ef2f61', time : 2 }); return; }else if(formatv2 < 36 || formatv2>600){ $("#image_resolution").tips({ side : 3, msg : "Please enter a number between 36-600", bg : '#f9f9f9', color:'#ef2f61', time : 2 }); return; } 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(){ $("#image_resolution").blur(function(){ var val=$(this).val(); if(val==null||val==""){ $("#formatv2").val(100); }else if(!/^[0-9]*[1-9][0-9]*$/.test(val)||val<36||val>600){ $("#image_resolution").tips({ side : 3, msg : "Please enter a number between 36-600", bg : '#f9f9f9', color:'#ef2f61', time : 2 }); return; }else { $("#formatv2").val(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(6); $("#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','.tif','.bmp','.gif','.JPEG','.JPG','.PNG','.TIF','.TIFF','.BMP','.GIF','.heic','.HEIC'], }; var button = Dropbox.createChooseButton(options); document.getElementById("dropbox-container").appendChild(button); </script> </html>

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