CINXE.COM
Convert TIF 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 TIF to JPG Online - Free - CleverPDF.com</title> <meta name="description" content="Change TIFF format to JPG format online for free, support multiple files conversion. Safe, easy and free. " > <meta property="og:site_name" content="cleverpdf" /> <meta property="og:image" content="https://www.cleverpdf.com/statics/images/og-en/tif-to-jpg.jpg" /> <meta property="og:title" content="Convert TIF to JPG Online - Free - CleverPDF.com" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.cleverpdf.com/tiff-to-jpg" /> <meta property="og:description" content="Change TIFF format to JPG format online for free, support multiple files conversion. Safe, easy and free. " /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@cleverpdf" /> <meta name="twitter:title" content="Convert TIF to JPG Online - Free - CleverPDF.com" /> <meta name="twitter:description" content="Change TIFF format to JPG format online for free, support multiple files conversion. Safe, easy and free. " /> <meta name="twitter:image" content="https://www.cleverpdf.com/statics/images/og-en/tif-to-jpg.jpg" /> <link rel="canonical" href="https://www.cleverpdf.com/tiff-to-jpg" /> <link rel="alternate" hreflang="en" href="https://www.cleverpdf.com/tiff-to-jpg" /> <link rel="alternate" hreflang="de" href="https://www.cleverpdf.com/de/tiff-in-jpg" /> <link rel="alternate" hreflang="fr" href="https://www.cleverpdf.com/fr/convertir-tiff-en-jpg" /> <link rel="alternate" hreflang="it" href="https://www.cleverpdf.com/it/convertire-tiff-in-jpg" /> <link rel="alternate" hreflang="pt" href="https://www.cleverpdf.com/pt/tiff-para-jpg" /> <link rel="alternate" hreflang="es" href="https://www.cleverpdf.com/es/convertir-tiff-a-jpg" /> <link rel="alternate" hreflang="nl" href="https://www.cleverpdf.com/nl/tiff-naar-jpg" /> <link rel="alternate" hreflang="pl" href="https://www.cleverpdf.com/pl/tiff-do-jpg" /> <link rel="alternate" hreflang="sv" href="https://www.cleverpdf.com/sv/tiff-till-jpg" /> <link rel="alternate" hreflang="zh-Hans" href="https://www.cleverpdf.com/cn/tiff-to-jpg" /> <link rel="alternate" hreflang="zh-Hant" href="https://www.cleverpdf.com/zh-tw/tiff-to-jpg" /> <link rel="alternate" hreflang="ja" href="https://www.cleverpdf.com/jp/tiff-to-jpg" /> <link rel="alternate" hreflang="ru" href="https://www.cleverpdf.com/ru/tiff-to-jpg" /> <link rel="alternate" hreflang="ko" href="https://www.cleverpdf.com/kr/tiff-to-jpg" /> <link rel="alternate" hreflang="vi" href="https://www.cleverpdf.com/vi/tiff-to-jpg" /> <link rel="alternate" hreflang="tr" href="https://www.cleverpdf.com/tr/tiff-to-jpg" /> <link rel="alternate" hreflang="id" href="https://www.cleverpdf.com/id/tiff-to-jpg" /> <link rel="alternate" hreflang="hi" href="https://www.cleverpdf.com/hi/tiff-to-jpg" /> <link rel="alternate" hreflang="th" href="https://www.cleverpdf.com/th/tiff-to-jpg" /> <link rel="alternate" hreflang="ar" href="https://www.cleverpdf.com/ar/tiff-to-jpg" /> <link rel="alternate" hreflang="ro" href="https://www.cleverpdf.com/ro/tiff-to-jpg" /> <link rel="alternate" hreflang="fi" href="https://www.cleverpdf.com/fi/tiff-to-jpg" /> <link rel="alternate" hreflang="da" href="https://www.cleverpdf.com/da/tiff-to-jpg" /> <link rel="alternate" hreflang="no" href="https://www.cleverpdf.com/no/tiff-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="/tiff-to-jpg" value="en">English</a> <a href="/de/tiff-in-jpg" value="de-DE">Deutsch</a> <a href="/fr/convertir-tiff-en-jpg" value="fr-FR">Français</a> <a href="/it/convertire-tiff-in-jpg" value="it-IT">Italiano</a> <a href="/pt/tiff-para-jpg" value="pt-PT">Português</a> <a href="/es/convertir-tiff-a-jpg" value="es-ES">Español</a> <a href="/ru/tiff-to-jpg" value="ru-RU">Русский</a> <a href="/sv/tiff-till-jpg" value="sv-SV">Svenska</a> <a href="/pl/tiff-do-jpg" value="pl-PL">Polski</a> <a href="/nl/tiff-naar-jpg" value="nl-NL">Nederlands</a> <a href="/vi/tiff-to-jpg" value="vi-VI">Tiếng việt</a> <a href="/id/tiff-to-jpg" value="id-ID">Indonesian</a> <a href="/tr/tiff-to-jpg" value="tr-TR">Türkçe</a> <a href="/jp/tiff-to-jpg" value="ja-JP">日本語</a> <a href="/kr/tiff-to-jpg" value="kr-KR">한국어</a> <a href="/cn/tiff-to-jpg" value="zh-CN">中文简体</a> <a href="/zh-tw/tiff-to-jpg" value="zh-TW">中文繁体</a> <a href="/hi/tiff-to-jpg" value="hi">हिन्दी</a> <a href="/th/tiff-to-jpg" value="th">ภาษาไทย</a> <a href="/ar/tiff-to-jpg" value="ar">العربية</a><a href="/ro/tiff-to-jpg" value="ro">Română</a><a href="/fi/tiff-to-jpg" value="fi">Suomi</a><a href="/da/tiff-to-jpg" value="da">Dansk</a><a href="/no/tiff-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_titletif2jpg" id="images_head">Convert TIFF to JPG</h1><img src="/statics/images/functiontif2jpg.svg" alt="CleverPDF TIF to JPG Converter" /> <h2 class="function_title_promit" id="images_promit">Change TIFF to JPG formats 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: #9f4466;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,JPEG,JPG,PNG,TIF,TIFF,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: #9f4466;" 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="1"/> <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: 200px;"> <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">Why should I convert TIFF to JPG?</h3> <span id="itp_left_one_desc">TIFF images are raster graphics, usually is used for the lossless visual information, but comparing to JPG, the file size is larger. Many scanners will produce TIFF files. After conversion from TIFF to JPG, you'll also get a high-quality image at a much lower file size.</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">Turn TIFF to JPG is easy</h3> <span id="itp_right_two_desc">Choose TIFF files from your computer or the cloud storage services, click the Start conversion button, it will do the rest on the server. You'll get the JPG files in a short time. With CleverPDF, converting TIFF to smaller JPG is easy.</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="tif2jpg_left_three">Risk-free online image converter</h3> <span id="tif2jpg_left_three_desc">You don't need to worry about privacy since the communication between you and our server is encrypted by the SSL network, and no one needs to get access to the conversion process. CleverPDF will not share or keep any of your files after processing.</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="tif2jpg_right_four">Convert TIFF to JPG Offline</h3> <span id="tif2jpg_right_four_desc">Online version supports 20MB only for each conversion, if you want to convert more files at once, the desktop version also offers free TIFF to JPG conversion in the 'Image Converter' tool. Please go to CleverPDF for the Desktop to learn more.</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 TIFF to JPG online for free?</h2> <span id=""> <ol> <li>Step 1: Choose a TIFF or multiple TIFF files from your computer, the maximum total file size is 20 MB.<br/></li> <li>Step 2: Output setting: it will keep the original DPI of the source file, but if you want to set a certain DPI, please enter the value before conversion;<br/></li> <li>Step 3: Click 'Start Conversion' button, the file will be uploaded and processed in the server. You can download the zip file which contains all the output JPG files;<br/></li> <li>Step 4: Click the 'Delete' button in the download page, files will be removed from the server. If no action is taken, the files will be removed automatically after 30 minutes.<br/></li> </ol> </span> </div> </div> </div> <div class="award_banner"> <a href="https://fixthephoto.com/best-free-image-converter.html" target="_blank"><img src="/statics/images/top-1-best-image-converter_250.jpg" alt="Top 1 image converter award"></a> </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('downtif2jpg'); } 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 = 1; 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(pd.data.oparav1); $("#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'], }; var button = Dropbox.createChooseButton(options); document.getElementById("dropbox-container").appendChild(button); </script> </html>