1<!DOCTYPE HTML> 2<html lang="en" dir="ltr" class="device-nonmobile tone-dark top-bar-black unsafe-blur-off" prefix="og: http://ogp.me/ns#"> 3<head> 4<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 5<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> 6<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> 7<link rel="manifest" href="/site.webmanifest"> 8<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> 9<meta name="apple-mobile-web-app-title" content="Freeimage.host"> 10<meta name="application-name" content="Freeimage.host"> 11<meta name="msapplication-TileColor" content="#b91d47"> 12<meta name="theme-color" content="#ffffff"> 13<link rel="preload" href="/lib/Peafowl/peafowl.min.css?b9b307ca534d73f2341680d8fc7c17aa" as="style" onload="this.onload=null;this.rel='stylesheet'"> 14<noscript><link rel="stylesheet" href="/lib/Peafowl/peafowl.min.css?b9b307ca534d73f2341680d8fc7c17aa"></noscript> 15<link rel="preload" href="/app/themes/style.css?b9b307ca534d73f2341680d8fc7c17aa" as="style" onload="this.onload=null;this.rel='stylesheet'"> 16<noscript><link rel="stylesheet" href="/app/themes/style.css?b9b307ca534d73f2341680d8fc7c17aa"></noscript> 17<link rel="preload" href="/app/themes/custom_hooks/style.css?b9b307ca534d73f2341680d8fc7c17aa" as="style" onload="this.onload=null;this.rel='stylesheet'"> 18<noscript><link rel="stylesheet" href="/app/themes/custom_hooks/style.css?b9b307ca534d73f2341680d8fc7c17aa"></noscript> 19 20<style type="text/css"> 21* { 22 -webkit-box-sizing: border-box; 23 -ms-box-sizing: border-box; 24 box-sizing: border-box; 25 margin: 0; 26 padding: 0; 27 border: 0; 28 list-style: none; 29} 30.no-select,.btn,.top-btn-text,.pop-btn-text,.link,.btn-container,.input-search { 31 -webkit-touch-callout: none; 32 -webkit-user-select: none; 33 -moz-user-select: none; 34 -ms-user-select: none; 35 user-select: none; 36} 37body { 38 -webkit-font-smoothing: subpixel-antialiased; 39} 40html { 41 height: 100%; 42} 43 44html,body { 45 font-family: Helvetica,Arial,sans-serif; 46 color: #333; 47 font-size: 16px; 48 background: #FFF; 49 -webkit-text-size-adjust: 100%; 50} 51 52.pop-box,#menu-fullscreen,.top-bar { 53 -webkit-transition: transform 250ms ease; 54 -webkit-transition: -webkit-transform 250ms ease; 55 transition: -webkit-transform 250ms ease; 56 transition: transform 250ms ease; 57 transition: transform 250ms ease,-webkit-transform 250ms ease; 58} 59 60html.tone-dark,.tone-dark body { 61 color: #FFF; 62 background: #0b0b0b; 63} 64.content-width { 65 width: 100%; 66 margin-right: auto; 67 margin-left: auto; 68 position: relative; 69 padding-left: 10px; 70 padding-right: 10px; 71} 72a { 73 color: #00A7DA; 74 text-decoration: none; 75 cursor: pointer; 76 outline: 0; 77} 78a:hover,a:focus { 79 text-decoration: underline; 80} 81.hidden { 82 display: none !important; 83} 84.soft-hidden { 85 display: none; 86} 87.hidden-visibility { 88 visibility: hidden; 89 position: absolute; 90 top: 0; 91} 92input,textarea,select { 93 font-family: inherit; 94 font-size: inherit; 95 -ms-appearance: none; 96 border-radius: 3px; 97 display: inline-block; 98 border: 1px solid #CCC; 99} 100.tone-dark input,.tone-dark textarea,.tone-dark select { 101 background: #000; 102 border: 1px solid #464646; 103 color: #FFF; 104} 105.arrow-down,.arrow-down-shadow { 106 border-width: 4px 4px 0 4px; 107 border-color: #333 transparent transparent transparent; 108 border-color: #333 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0); 109 content: ""; 110} 111.tone-dark .arrow-down,.arrow-down-shadow { 112 border-top-color: #FFF; 113} 114.arrow-up,.arrow-down,.arrow-right { 115 border-style: solid; 116 display: inline-block; 117 height: 0; 118 width: 0; 119 vertical-align: middle; 120} 121.btn-container { 122 margin-top: 20px; 123 margin-bottom: 20px; 124 position: relative; 125} 126.btn { 127 height: 36px; 128 line-height: 36px; 129 font-family: inherit; 130 font-size: 1em; 131 font-weight: normal; 132 padding: 0 10px; 133 border-radius: 3px; 134 cursor: pointer; 135 display: inline-block; 136 text-decoration: none; 137} 138.btn,.btn:hover,.btn:active,.btn:focus { 139 text-decoration: none; 140} 141h1,h2,h3,h4,h5,h6 { 142 font-weight: normal; 143 line-height: 1; 144} 145.btn-icon { 146 font-size: 14px; 147 width: 14px; 148 display: inline-block; 149} 150.btn.red,.btn.red.off:hover { 151 border-color: #E84C3D; 152 background-color: #E84C3D; 153} 154.btn.red:hover { 155 background-color: #DC483A; 156} 157.btn.red.outline { 158 color: #E84C3D; 159} 160.btn-text { 161 margin-left: 4px; 162} 163.btn-big { 164 font-size: 16px; 165 font-size: 1.143rem; 166 height: 38px; 167 line-height: 38px; 168 padding-left: 1em; 169 padding-right: 1em; 170} 171.btn.active,.btn.orange,.btn.blue,.btn.green,.btn.red,.btn.black { 172 color: #FFF; 173 border: 1px solid transparent; 174} 175.btn.outline,.btn.outline:hover { 176 background: none; 177 border: 1px solid; 178 -webkit-box-shadow: none; 179 box-shadow: none; 180} 181 182.pop-btn,.top-btn-el,a[data-modal] { 183 -webkit-tap-highlight-color: transparent; 184} 185.pop-btn *,.top-btn-el * { 186 -webkit-tap-highlight-color: rgba(0,0,0,.2); 187} 188.pop-btn,.top-btn-el { 189 display: inline-block; 190 position: relative; 191 cursor: pointer; 192} 193.pop-btn .pop-box { 194 top: 100%; 195 margin-top: 10px; 196} 197.pop-box { 198 background: #FFF; 199 display: none; 200 font-size: 0.93em; 201 z-index: 200; 202} 203.tone-dark .pop-box,.tone-dark .pop-box .or-separator span { 204 background: #1E1E1E; 205} 206.pop-box { 207 position:absolute; 208 top: 20px; 209 min-height: 20px; 210 min-width: 160px; 211 border: 1px solid #E5E5E5; 212 -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.15); 213 box-shadow: 0 2px 8px rgba(0,0,0,.15); 214.tone-dark .pop-box { 215 border-color: #333; 216} 217.pop-box.left-anchor,.pop-box { 218 left: 0; 219} 220.pop-box.anchor-center { 221 left: 50% !important; 222} 223 .pop-box.anchor-right { 224 left: auto; 225 right: 0; 226} 227.top-bar,.top-bar-placeholder,.top-bar ul li.pop-btn,.top-bar ul li.top-btn-el { 228 height: 50px; 229} 230 231.top-btn-text,.top-btn-create-account { 232 line-height: 50px; 233} 234 235.top-btn-text { 236 -webkit-tap-highlight-color: transparent; 237} 238 239.top-bar { 240 position: fixed; 241 top: 0; 242 left: 0; 243 right: 0; 244 z-index: 400; 245 width: 100%;
246 -webkit-transition: transform 250ms ease,border 400ms ease; 247 -webkit-transition: border 400ms ease,-webkit-transform 250ms ease; 248 transition: border 400ms ease,-webkit-transform 250ms ease; 249 transition: transform 250ms ease,border 400ms ease; 250 transition: transform 250ms ease,border 400ms ease,-webkit-transform 250ms ease; 251} 252.top-bar,.tone-dark .follow-scroll-wrapper.position-fixed { 253 background-color: #000; 254} 255.tone-dark .top-bar.black,.tone-dark.top-bar-black .follow-scroll-wrapper.position-fixed,.tone-dark .top-bar#top-bar-shade { 256 background-color: #0b0b0b; 257} 258.top-bar,.follow-scroll-wrapper.position-fixed { 259 -webkit-backface-visibility: hidden; 260 backface-visibility: hidden; 261} 262.top-bar.transparent,.tone-dark .top-bar.transparent { 263 background: none; 264 -webkit-box-shadow: none; 265 box-shadow: none; 266} 267.top-bar.transparent .top-btn-text { 268 text-shadow: 1px 1px 1px rgba(0,0,0,.25); 269} 270.top-bar.transparent .btn,.top-bar.transparent .top-btn-number { 271 text-shadow: inherit; 272} 273.top-bar .content-width { 274 position: relative; 275 height: 100%; 276 z-index: 100; 277} 278.top-bar .arrow-down,#menu-fullscreen>ul>li .arrow-down { 279 border-top-color: #FFF; 280 width: 0; 281} 282.top-bar-logo { 283 width: 100%; 284 position: absolute; 285 top: 50%; 286 margin-top: -9px; 287 text-align: center; 288 left: 0; 289 padding: 0 10px; 290} 291.top-bar-logo,.top-bar-logo img { 292 height: 18px; 293} 294.top-bar-logo { 295 margin-top:-10px; 296} 297.top-bar-logo,.top-bar-logo img { 298 height: 20px; 299} 300.top-bar-logo>a { 301 display: inline-block; 302 vertical-align: top; 303} 304.top-bar-logo img { 305 display: block; 306 margin-left: auto; 307 margin-right: auto; 308} 309.top-bar ul { 310 list-style: none; 311} 312.top-bar li.pop-btn,.top-bar li.top-btn-el { 313 float: left; 314 margin-right: 20px; 315 position: relative; 316} 317.top-bar .top-bar-right li.pop-btn,.top-bar .top-bar-right li.top-btn-el { 318 margin-right: 0; 319 margin-left: 20px; 320} 321.top-bar li.pop-btn,.top-bar li.top-btn-el { 322 margin-right:20px; 323} 324.top-bar .top-bar-right li.pop-btn,.top-bar .top-bar-right li.top-btn-el { 325 margin-left: 20px; 326} 327.top-bar ul li.top-btn-el a { 328 text-decoration: none; 329}.top-bar-right li.pop-btn:last-child,.top-bar-right li.pop-btn:last-child .arrow-down { 330 margin-right: 0; 331} 332.top-btn-text,.top-btn-create-account { 333 display: block; 334 font-weight: normal; 335 font-size: 1em; 336 height: 100%; 337} 338#menu-fullscreen .btn.top-btn-create-account,.top-btn-text,.btn.top-btn-create-account:not(.grey):not(.white) { 339 color: #FFF; 340} 341.top-btn-text { 342 text-decoration: none; 343} 344.top-btn-text .icon { 345 margin-right: 7px; 346 position: relative; 347 top: 0; 348 display: inline; 349 font-size: 16px; 350 width: 16px; 351 font-size: 1.143rem; 352 width: 1.143rem; 353 line-height: 50px; 354} 355.top-btn-text .btn-text { 356 margin-left: 0; 357} 358.top-btn-text .arrow-down { 359 position: relative; 360 margin: 0 0 0 5px; 361} 362.top-btn-text .btn-text { 363 vertical-align: top; 364} 365.top-btn-text .icon { 366 margin-right: 0; 367} 368.top-bar-notifications { 369} 370.top-bar-notifications-container { 371 margin-right: 2px; 372 cursor: default; 373} 374html { 375 --scrollbarBG:#212121;--thumbBG:#e84c3d;} 376body::-webkit-scrollbar {
377 width: 11px; 378} 379.top-bar-notifications .menu-fullscreen-hide .top-btn-number { 380 position: absolute; 381 z-index: 1; 382 border-radius: 100px; 383 zoom:.75;right: -8px; 384 top: 10px; 385 visibility: hidden; 386} 387.top-bar .pop-box { 388 margin:10px; 389 margin-top: 0; 390 z-index: 200; 391} 392.top-bar-left .pop-box { 393 left: -10px; 394} 395.top-bar-right .pop-box { 396 left: auto; 397 right: -10px; 398} 399.top-bar .pop-box { 400 top: 100%; 401 top: 46px; 402} 403.top-btn-number { 404 background: #555; 405 color: #DDD; 406 font-size: 12px; 407 font-weight: normal; 408 border-radius: 3px; 409 padding: 0 7px; 410 position: relative; 411 display: block; 412 line-height: 22px; 413 height: 22px; 414 top: -2px; 415} 416#top-bar-user .top-btn-text .user-image { 417 position: relative; 418 top: 50%; 419 margin-top: -13px; 420 margin-right: 5px; 421 width: 26px; 422 height: 26px; 423 float: left; 424} 425#top-bar-user .default-user-image { 426 background: #CCC; 427} 428.top-bar.black #top-bar-user .default-user-image { 429 background: #555; 430} 431.upload-box { 432 clear: both; 433 background: #FFF; 434 border-bottom: 1px solid #E5E5E5; 435} 436.tone-dark .upload-box { 437 border-color: #000; 438} 439.upload-box--fixed { 440 position: fixed; 441 left: 0; 442 right: 0; 443 z-index: 200; 444 background: #FFF; 445 top: 50px; 446} 447.tone-dark .upload-box--fixed { 448 background: #101010; 449} 450.upload-box--hidden { 451 -webkit-transform: translateY(-100%); 452 transform: translateY(-100%); 453 top: 0; 454} 455.upload-box-inner { 456 padding: 40px 0; 457 position: relative; 458} 459.upload-box-inner .position-absolute { 460 position: absolute; 461 text-transform: uppercase; 462 top: 20px; 463 line-height: 20px; 464} 465.upload-box-heading { 466 text-align: center; 467} 468 469.upload-box-heading .icon { 470 font-size: 100px; 471 width: 1em; 472 height: 1em; 473 color: #00A7DA; 474 display: block; 475 margin-left: auto; 476 margin-right: auto; 477 text-decoration: none; 478 -webkit-tap-highlight-color: transparent; 479} 480 481.upload-box-heading h2,.upload-box-heading .heading { 482 font-weight: 200; 483 font-size: 26px; 484 margin: 10px 0; 485 display: block; 486} 487.upload-box-heading h2 a,.upload-box-heading .heading a { 488 color: inherit; 489 text-decoration: none; 490} 491.upload-box-status-text { 492 font-size: 14px; 493} 494.upload-box-allowed-files { 495 left: 0; 496 font-size: 11px; 497 font-size: 0.79rem; 498 color: #999; 499} 500.upload-box-allowed-files span { 501 margin-right: 5px; 502} 503.upload-box-close { 504 text-decoration: none; 505 right: 0; 506 font-size: 11px; 507 line-height: 11px; 508 font-size: 0.79rem; 509 line-height: 1em; 510 color: #333; 511} 512.upload-box-close,.upload-box-close a { 513} 514.tone-dark .upload-box-close { 515 color: #CCC; 516} 517.upload-box-close a { 518 color: inherit; 519 text-decoration: none; 520} 521.upload-box-close .btn-icon { 522 font-size: 9px; 523 width: 9px; 524 display: inline; 525} 526.user-image { 527 display: inline-block; 528} 529.user-image img,img.user-image { 530 display: block; 531 border-radius: 3px; 532} 533.default-user-image { 534 background: #E5E5E5; 535 color: #FFF; 536 text-align: center; 537 position: relative; 538} 539.tone-dark .default-user-image { 540 background: #555; 541} 542.gutter-margin-right,.gutter-margin-right-bottom { 543 margin-right: 10px; 544} 545.c4 { 546 width: 150px; 547} 548.c9 { 549 width: 350px; 550} 551.c16 { 552 width: 630px; 553} 554.content-width { 555 width:100%; 556 min-width: 970px; 557} 558.c20 { 559 width: 790px; 560} 561.top-btn-text .btn-text { 562 margin-left: 7px; 563} 564.content-width { 565 max-width:1800px; 566} 567.width-100p { 568 width: 100%; 569} 570.cursor-pointer { 571 cursor: pointer !important; 572} 573.clear-both { 574 clear: both; 575} 576.float-left { 577 float: left; 578} 579.float-right { 580 float: right; 581} 582.margin-top-10,.phone .phone-margin-top-10,.phablet .phablet-margin-top-10 { 583 margin-top: 10px !important; 584} 585.margin-top-30 { 586 margin-top: 30px !important; 587} 588.margin-bottom-0,.phone .phone-margin-bottom-0,.phablet .phablet-margin-bottom-0 { 589 margin-bottom: 0 !important; 590} 591.margin-left-10 { 592 margin-left: 10px !important; 593} 594.padding-right-10 { 595 padding-right: 10px !important; 596} 597.padding-left-10 { 598 padding-left: 10px !important; 599} 600.position-absolute { 601 position: absolute; 602} 603.text-align-center { 604 text-align: center; 605} 606.center-box { 607 margin-right: auto !important; 608 margin-left: auto !important; 609} 610.overflow-visible { 611 overflow: visible !important; 612} 613.phone .phone-hide,.phablet .phablet-hide,.tablet .tablet-hide,.laptop .laptop-hide,.desktop .desktop-hide,.largescreen .desktop-hide { 614 display: none !important; 615} 616#tiptip_holder { 617 display: none; 618 position: absolute; 619 top: 0; 620 left: 0; 621 z-index: 99999; 622} 623[class^="icon-"],[class*=" icon-"] { 624 font-family: 'icomoon'; 625 speak: none; 626 font-style: normal; 627 font-weight: normal; 628 font-variant: normal; 629 text-transform: none; 630 line-height: 1; 631 -webkit-font-smoothing: antialiased; 632 -moz-osx-font-smoothing: grayscale; 633} 634.icon-stack:before { 635 content: "\e654"; 636} 637.icon-download2:before { 638 content: "\e685"; 639} 640.icon-close:before { 641 content: "\e724"; 642} 643.icon-reddit:before { 644 content: "\e7a6"; 645} 646.icon-cloud-upload:before { 647 content: "\e621"; 648} 649.icon-bell2:before { 650 content: "\e7f8"; 651} 652.icon-twitter:before { 653 content: "\e8c5"; 654} 655 656body { 657 scrollbar-width: thin; 658 scrollbar-color: var(--thumbBG) var(--scrollbarBG); 659 font-family: Poppins,sans-serif; 660 padding-top: 65px; 661 padding-bottom: 20px; 662 min-height: 100%; 663 background: #fefefe; 664 position: relative; 665 font-family: Helvetica,Arial,sans-serif; 666 font-size: 14px; 667} 668body.landing { 669 min-height: 500px; 670 height: 100%; 671 padding: 0; 672 margin: 0; 673} 674.js body.landing { 675 overflow: hidden; 676 opacity: 0; 677} 678.js body.landing.load { 679 -webkit-transition: -webkit-transform 600ms ease,opacity 350ms linear; 680 -webkit-transition: opacity 350ms linear,-webkit-transform 600ms ease; 681 transition: opacity 350ms linear,-webkit-transform 600ms ease; 682 transition: transform 600ms ease,opacity 350ms linear; 683 transition: transform 600ms ease,opacity 350ms linear,-webkit-transform 600ms ease; 684 opacity: 1; 685} 686#home-cover-content,#index .flex-center { 687 opacity: 0; 688} 689.js body.load #home-cover-content,.js body#index.load .flex-center { 690 transition: all 600ms ease; 691 transition-delay: 150ms; 692 opacity: 1; 693} 694.js body.loaded { 695 overflow: auto; 696} 697html.device-nonmobile .device-nonmobile--hide { 698 display: none !important; 699} 700#anywhere-upload { 701 z-index: 400; 702 scroll: auto; 703 -webkit-overflow-scrolling: touch; 704 -webkit-transition: transform 300ms ease; 705 -webkit-transition: -webkit-transform 300ms ease; 706 transition: -webkit-transform 300ms ease; 707 transition: transform 300ms ease; 708 transition: transform 300ms ease,-webkit-transform 300ms ease; 709} 710#anywhere-upload-paste { 711 height: 0; 712 opacity: 0; 713 font-size: 0; 714} 715.upload-box { 716 border-bottom: 0; 717} 718.upload-box:not(.queueReady):not(.queueCompleted) [data-action="reset-upload"],.upload-box.queueUploading [data-action="close-upload"],.upload-box:not(.queueUploading) [data-action^="cancel-upload"],.upload-box.queueHasResults [data-action="cancel-upload"],.upload-box:not(.queueHasResults) [data-action="cancel-upload-remaining"],.upload-box.queueReady [data-action="close-upload"],.upload-box:not([data-queue-size="0"]) [data-action="close-upload"] { 719 display: none; 720} 721#home-cover { 722 width: 100%; 723 background-position: center center; 724 background-color: #333; 725 background-size: cover; 726 color: #fff; 727 position: relative; 728} 729body.landing #home-cover { 730 margin: 0; 731 padding: 0; 732 height: 100%; 733 min-height: 500px; 734} 735.tone-dark #home-cover { 736} 737#home-cover-content { 738 position: relative; 739 text-align: center; 740} 741#home-cover-content h1 { 742 font-size:2.7em; 743} 744#home-cover-content h1 { 745 font-size:3em; 746} 747#home-cover-content p { 748 font-size: 22px; 749 margin: 20px 0; 750 font-weight: 100; 751} 752 753#home-cover-content .home-buttons { 754 margin: 30px 0 20px; 755} 756 757.home-buttons { 758 margin: 20px 0; 759 text-align: center; 760} 761.ad-banner { 762 margin: 10px; 763 text-align: center; 764} 765a { 766 color: #3498db; 767 outline: 0; 768} 769a { 770 text-decoration: none; 771} 772input,textarea { 773 border-color: #c6c8ca; 774} 775.home-buttons a { 776 font-size: 16px; 777 text-transform: uppercase; 778 min-height: 50px; 779 line-height: 1.5; 780 height: auto; 781 text-align: center; 782 letter-spacing: 2px; 783 padding: 12px 30px; 784} 785 786body.split #home-cover-content,body.landing #home-cover-content { 787 top: 50%; 788 position: relative; 789 -webkit-transform: translateY(-50%); 790 transform: translateY(-50%); 791 overflow: auto; 792} 793#home-cover-content p,#home-cover-content h1 { 794 text-shadow: 1px 1px 2px rgba(0,0,0,0.25); 795} 796#home-cover-content h1 { 797 font-size: 2.4em; 798 line-height: 120%; 799 font-weight: 600; 800} 801.upload-box-queue { 802 text-align: center; 803 font-size: 0; 804 margin-top: 35px; 805 margin-bottom: 35px; 806} 807body::-webkit-scrollbar-track { 808 background: var(--scrollbarBG); 809} 810body::-webkit-scrollbar-thumb { 811 background-color: var(--thumbBG); 812 border-radius: 6px; 813 border: 3px solid var(--scrollbarBG); 814} 815.top-bar-logo img { 816 margin-top: auto; 817} 818.push50 { 819 height: 50px; 820} 821.push100 { 822 height: 100px; 823} 824body.landing #home-cover { 825 margin: 0; 826 padding: 0; 827 height: calc(100vh - 434px); 828} 829.tone-dark .top-bar.black,.tone-dark.top-bar-black .follow-scroll-wrapper.position-fixed,.tone-dark .top-bar#top-bar-shade { 830 background-color: #1d1f21; 831} 832html.tone-dark,.tone-dark body { 833 background: #1d1f21; 834 margin: 0; 835} 836#home-cover { 837 background-color: #1d1f21; 838 margin: 0 auto -50px; 839} 840footer { 841 display: none; 842} 843footer { 844 display:block; 845 background: #111; 846 color: #8f8f97; 847 font-size: 14px; 848 padding: 40px 0; 849} 850.footer-group { 851 width: 150px; 852 display: inline-block; 853 vertical-align: top; 854} 855footer h4 { 856 font-weight: bold; 857 margin: 10px 0; 858 font-size: 14px; 859 color: #cecece; 860} 861footer ul { 862 margin: 0; 863 line-height: 140%; 864} 865footer li { 866 margin: 5px 0; 867} 868footer,footer a { 869 color: #8f8f97; 870} 871footer h4 { 872 font-weight: bold; 873 margin: 10px 0; 874 font-size: 14px; 875} 876#footer-image-counter { 877 color: #fff; 878 font-size: 34px; 879} 880.footer-width,.footer-width.fluid { 881 max-width: 990px; 882} 883.footer-width { 884 width: 100%; 885 margin-right: auto; 886 margin-left: auto; 887 position: relative; 888 padding-left: 10px; 889 padding-right: 10px; 890} 891.footer-company-logos { 892 width: 95% 893} 894a, 895a.number-figures:hover, a.number-figures:hover *, 896.input .icon-input-submit:hover, .input .icon-input-submit:focus, .input .icon-input-submit.focus, 897.btn.default.outline, .pop-btn-text, 898.top-bar.white .top-btn-text:hover:not(.btn), .top-bar.white .opened .top-btn-text:not(.btn), 899.ios .top-bar.white .opened .top-btn-text:not(.btn), 900.ios .top-bar.white .opened .top-btn-text:not(.top-btn-number), 901.breadcrum-text a:hover, 902.content-tabs li:hover a, 903.upload-box-heading .icon, 904.list-item-image-btn:hover span, 905.content-listing-pagination a:hover { 906 color: #E84C3D; 907</style> 908 909<meta charset="utf-8"> 910<meta name="apple-mobile-web-app-status-bar-style" content="black"> 911<meta name="apple-mobile-web-app-capable" content="yes"> 912<meta name="viewport" content="width=device-width, initial-scale=1"> 913<meta name="theme-color" content="#FFFFFF"> 914<meta name="google" content="notranslate" /> 915<meta name="description" content="Image upload plugin for websites, forums and more. Integrate our image hosting directly to your site with a customized button."> 916<meta name="keywords" content="free image hosting, image upload, image, album, image host, upload, upload webp, webp upload, webp hosting"> 917<title>Upload plugin â Freeimage.host</title> 918<link rel="stylesheet" href="https://freeimage.host/lib/Peafowl/peafowl.css?c0d5687371cbe082dfb43289b7233892"> 919<link rel="stylesheet" href="https://freeimage.host/app/themes/style.css?c0d5687371cbe082dfb43289b7233892">
920<script data-cfasync="false">document.documentElement.className+=" js";var devices=["phone","phablet","tablet","laptop","desktop","largescreen"],window_to_device=function(){for(var e=[480,768,992,1200,1880,2180],t=[],n="",d=document.documentElement.clientWidth||document.getElementsByTagName("body")[0].clientWidth||window.innerWidth,c=0;c<devices.length;++c)d>=e[c]&&t.push(devices[c]);for(0==t.length&&t.push(devices[0]),n=t[t.length-1],c=0;c<devices.length;++c)document.documentElement.className=document.documentElement.className.replace(devices[c],""),c==devices.length-1&&(document.documentElement.className+=" "+n),document.documentElement.className=document.documentElement.className.replace(/\s+/g," ");if("laptop"==n||"desktop"==n){var o=document.getElementById("pop-box-mask");null!==o&&o.parentNode.removeChild(o)}};window_to_device(),window.onresize=window_to_device;function jQueryLoaded(){!function(n,d){n.each(readyQ,function(d,e){n(e)}),n.each(bindReadyQ,function(e,i){n(d).bind("ready",i)})}(jQuery,document)}!function(n,d,e){function i(d,e){"ready"==d?n.bindReadyQ.push(e):n.readyQ.push(d)}n.readyQ=[],n.bindReadyQ=[];var u={ready:i,bind:i};n.$=n.jQuery=function(n){return n===d||void 0===n?u:void i(n)}}(window,document);</script>
920 921<link rel="alternate" hreflang="x-default" href="https://freeimage.host/plugin"><link rel="alternate" hreflang="en" href="https://freeimage.host/plugin"><link rel="alternate" hreflang="af" href="https://freeimage.host/af/plugin"><link rel="alternate" hreflang="am" href="https://freeimage.host/am/plugin"><link rel="alternate" hreflang="ar" href="https://freeimage.host/ar/plugin"><link rel="alternate" hreflang="az" href="https://freeimage.host/az/plugin"><link rel="alternate" hreflang="bg" href="https://freeimage.host/bg/plugin"><link rel="alternate" hreflang="bn" href="https://freeimage.host/bn/plugin"><link rel="alternate" hreflang="bs" href="https://freeimage.host/bs/plugin"><link rel="alternate" hreflang="ca" href="https://freeimage.host/ca/plugin"><link rel="alternate" hreflang="ckb" href="https://freeimage.host/ckb/plugin"><link rel="alternate" hreflang="cs" href="https://freeimage.host/cs/plugin"><link rel="alternate" hreflang="cy" href="https://freeimage.host/cy/plugin"><link rel="alternate" hreflang="da" href="https://freeimage.host/da/plugin"><link rel="alternate" hreflang="de" href="https://freeimage.host/de/plugin"><link rel="alternate" hreflang="el" href="https://freeimage.host/el/plugin"><link rel="alternate" hreflang="es" href="https://freeimage.host/es/plugin"><link rel="alternate" hreflang="es-MX" href="https://freeimage.host/es-mx/plugin"><link rel="alternate" hreflang="et" href="https://freeimage.host/et/plugin"><link rel="alternate" hreflang="eu" href="https://freeimage.host/eu/plugin"><link rel="alternate" hreflang="fa" href="https://freeimage.host/fa/plugin"><link rel="alternate" hreflang="fi" href="https://freeimage.host/fi/plugin"><link rel="alternate" hreflang="fil" href="https://freeimage.host/fil/plugin"><link rel="alternate" hreflang="fr" href="https://freeimage.host/fr/plugin"><link rel="alternate" hreflang="gu" href="https://freeimage.host/gu/plugin"><link rel="alternate" hreflang="ha" href="https://freeimage.host/ha/plugin"><link rel="alternate" hreflang="he" href="https://freeimage.host/he/plugin"><link rel="alternate" hreflang="hi" href="https://freeimage.host/hi/plugin"><link rel="alternate" hreflang="hr" href="https://freeimage.host/hr/plugin"><link rel="alternate" hreflang="hu" href="https://freeimage.host/hu/plugin"><link rel="alternate" hreflang="hy" href="https://freeimage.host/hy/plugin"><link rel="alternate" hreflang="id" href="https://freeimage.host/id/plugin"><link rel="alternate" hreflang="ig" href="https://freeimage.host/ig/plugin"><link rel="alternate" hreflang="is" href="https://freeimage.host/is/plugin"><link rel="alternate" hreflang="it" href="https://freeimage.host/it/plugin"><link rel="alternate" hreflang="ja" href="https://freeimage.host/ja/plugin"><link rel="alternate" hreflang="ka" href="https://freeimage.host/ka/plugin"><link rel="alternate" hreflang="kk" href="https://freeimage.host/kk/plugin"><link rel="alternate" hreflang="ko" href="https://freeimage.host/ko/plugin"><link rel="alternate" hreflang="ku" href="https://freeimage.host/ku/plugin"><link rel="alternate" hreflang="lt" href="https://freeimage.host/lt/plugin"><link rel="alternate" hreflang="lv" href="https://freeimage.host/lv/plugin"><link rel="alternate" hreflang="mk" href="https://freeimage.host/mk/plugin"><link rel="alternate" hreflang="mn" href="https://freeimage.host/mn/plugin"><link rel="alternate" hreflang="mr" href="https://freeimage.host/mr/plugin"><link rel="alternate" hreflang="ms" href="https://freeimage.host/ms/plugin"><link rel="alternate" hreflang="my" href="https://freeimage.host/my/plugin"><link rel="alternate" hreflang="ne" href="https://freeimage.host/ne/plugin"><link rel="alternate" hreflang="nl" href="https://freeimage.host/nl/plugin"><link rel="alternate" hreflang="no" href="https://freeimage.host/no/plugin"><link rel="alternate" hreflang="pa" href="https://freeimage.host/pa/plugin"><link rel="alternate" hreflang="pl" href="https://freeimage.host/pl/plugin"><link rel="alternate" hreflang="ps" href="https://freeimage.host/ps/plugin"><link rel="alternate" hreflang="pt" href="https://freeimage.host/pt/plugin"><link rel="alternate" hreflang="pt-BR" href="https://freeimage.host/pt-br/plugin"><link rel="alternate" hreflang="ro" href="https://freeimage.host/ro/plugin"><link rel="alternate" hreflang="ru" href="https://freeimage.host/ru/plugin"><link rel="alternate" hreflang="sk" href="https://freeimage.host/sk/plugin"><link rel="alternate" hreflang="sl" href="https://freeimage.host/sl/plugin"><link rel="alternate" hreflang="sr" href="https://freeimage.host/sr/plugin"><link rel="alternate" hreflang="sr-ME" href="https://freeimage.host/sr-me/plugin"><link rel="alternate" hreflang="sv" href="https://freeimage.host/sv/plugin"><link rel="alternate" hreflang="sw" href="https://freeimage.host/sw/plugin"><link rel="alternate" hreflang="ta" href="https://freeimage.host/ta/plugin"><link rel="alternate" hreflang="te" href="https://freeimage.host/te/plugin"><link rel="alternate" hreflang="th" href="https://freeimage.host/th/plugin"><link rel="alternate" hreflang="tk" href="https://freeimage.host/tk/plugin"><link rel="alternate" hreflang="tl" href="https://freeimage.host/tl/plugin"><link rel="alternate" hreflang="tr" href="https://freeimage.host/tr/plugin"><link rel="alternate" hreflang="uk" href="https://freeimage.host/uk/plugin"><link rel="alternate" hreflang="ur" href="https://freeimage.host/ur/plugin"><link rel="alternate" hreflang="uz" href="https://freeimage.host/uz/
921plugin"><link rel="alternate" hreflang="vi" href="https://freeimage.host/vi/plugin"><link rel="alternate" hreflang="yo" href="https://freeimage.host/yo/plugin"><link rel="alternate" hreflang="zh-cn" href="https://freeimage.host/zh-cn/plugin"><link rel="alternate" hreflang="zh-hk" href="https://freeimage.host/zh-hk/plugin"><link rel="shortcut icon" href="https://freeimage.host/content/images/system/favicon_1576620820075_18c066.png"> 922<link rel="icon" type="image/png" href="https://freeimage.host/content/images/system/favicon_1576620820075_18c066.png" sizes="192x192"> 923<link rel="apple-touch-icon" href="https://freeimage.host/content/images/system/favicon_1576620820075_18c066.png" sizes="180x180"> 924<style type="text/css">.top-bar-logo, .top-bar-logo img { height: 35px; } .top-bar-logo { margin-top: -17.5px; } </style><meta property="og:type" content="website" /> 925<meta property="og:url" content="https://freeimage.host/plugin" /> 926<meta property="og:title" content="Image Hosting, Upload Image and Share" /> 927<meta property="og:image" content="https://freeimage.host/content/images/system/home_cover_1592422879235_92d5e4.png" /> 928<meta property="og:site_name" content="Freeimage.host" /> 929<meta property="og:description" content="Image upload plugin for websites, forums and more. Integrate our image hosting directly to your site with a customized button." /> 930<meta property="fb:app_id" content="585047988876773" /> 931<meta name="twitter:card" content="summary"> 932<meta name="twitter:description" content="Image upload plugin for websites, forums and more. Integrate our image hosting directly to your site with a customized button."> 933<meta name="twitter:title" content="Upload plugin â Freeimage.host"> 934<meta name="twitter:site" content="@Freeimagehost1"> 935<style> 936a, 937a.number-figures:hover, a.number-figures:hover *, 938.input .icon-input-submit:hover, .input .icon-input-submit:focus, .input .icon-input-submit.focus, 939.btn.default.outline, .pop-btn-text, 940.top-bar.white .top-btn-text:hover:not(.btn), .top-bar.white .opened .top-btn-text:not(.btn), 941.ios .top-bar.white .opened .top-btn-text:not(.btn), 942.ios .top-bar.white .opened .top-btn-text:not(.top-btn-number), 943.breadcrum-text a:hover, 944.content-tabs li:hover a, 945.upload-box-heading .icon, 946.list-item-image-btn:hover span, 947.content-listing-pagination a:hover { 948 color: #7a888c; 949} 950 951.menu-box [role=button]:hover, 952input:focus, textarea:focus, select:focus, input.search:focus, .input-focus, 953.tone-dark input:focus, .tone-dark textarea:focus, .tone-dark select:focus, .tone-dark input.search:focus, .tone-dark .input-focus, 954.btn.default.outline, 955.btn.active, 956.content-tabs li:hover, .content-tabs li.current, .content-tabs li.visited, .content-tabs li.visited:hover, 957.content-tabs li.current, 958.list-item:hover .list-item-avatar-cover, 959input:focus, textarea:focus, select:focus, input.search:focus, .input-focus, 960.tone-dark input:focus, .tone-dark textarea:focus, .tone-dark select:focus, .tone-dark input.search:focus, .tone-dark .input-focus { 961 border-color: #7a888c; 962} 963 964.btn.active, 965html:not(.phone) .pop-box-menu a:hover, .pop-box-menu a.focus, 966.list-item-image-btn.liked, 967.list-item-desc .user:hover { 968 background-color: #7a888c; 969} 970 971.pop-btn-text .arrow-down, 972.top-bar.white .top-btn-text:hover .arrow-down, .top-bar.white .opened .arrow-down, 973.ios .top-bar.white .opened .top-btn-text .arrow-down, 974.header-content-breadcrum a:hover .arrow-down { 975 border-top-color: #7a888c; 976} 977 978.top-bar ul .pop-btn.current, .top-bar ul .top-btn-el.current { 979 border-bottom-color: #7a888c; 980} 981 982.header-content-breadcrum a:hover .arrow-right { 983 border-left-color: #7a888c; 984} 985 986input:focus, textarea:focus, select:focus, input.search:focus, .input-focus { 987 box-shadow: 0 0 8px 0 rgba(122,136,140,.45); 988} 989</style><link rel="stylesheet" href="https://freeimage.host/app/themes/custom_hooks/style.css?c0d5687371cbe082dfb43289b7233892"> 990</head> 991<body id="plugin"> 992 <header id="top-bar" class="top-bar "> 993 <div class="content-width"> 994 <div id="logo" class="top-bar-logo"><a href="https://freeimage.host"><img class="replace-svg" width="35px" height="35px" src="https://freeimage.host/content/images/system/logo_1577917977383_27e4d4.webp" alt="Freeimage.host"></a></div> 995 996 <ul class="top-bar-left float-left"> 997 998 <li data-action="top-bar-menu-full" data-nav="mobile-menu" class="top-btn-el phone-show hidden">
999 <span class="top-btn-text"><span class="icon icon-menu3"></span></span> 1000 </li> 1001 <li data-nav="about" class="phone-hide pop-btn pop-keep-click pop-btn-delayed"> 1002 <span class="top-btn-text"><span class="icon icon-info tablet-hide laptop-hide desktop-hide"></span><span class="text phone-hide phablet-hide">Menu</span><span class="arrow-down"></span></span> 1003 <div class="pop-box arrow-box arrow-box-top anchor-left"> 1004 <div class="pop-box-inner pop-box-menu"> 1005<ul> 1006<li class="with-icon"><a href="https://freeimage.host/"><span class="btn-icon icon-house"></span>Home</a></li> 1007<li class="with-icon"><a href="https://freeimage.host/plugin"><span class="btn-icon icon-code2"></span>Plugin</a></li> 1008<li class="with-icon"><a href="https://freeimage.host/api"><span class="btn-icon icon-key2"></span>API</a></li> 1009<li class="with-icon"><a href="https://freeimage.host/sharex"><span class="btn-icon icon-share"></span>ShareX</a></li> 1010<li class="with-icon"><a href="https://freeimage.host/tos"><span class="btn-icon icon-text"></span>Terms of service</a></li> 1011<li class="with-icon"><a href="https://freeimage.host/privacy"><span class="btn-icon icon-lock"></span>Privacy</a></li> 1012<li class="with-icon"><a href="https://freeimage.host/contact"><span class="btn-icon icon-mail"></span>Contact</a></li> 1013</ul> 1014 </div> 1015 </div> 1016 </li> 1017 <li data-nav="language" class="phablet-hide phone-hide pop-btn"> 1018 <span class="top-btn-text"><span class="text">EN</span><span class="arrow-down"></span></span> 1019 <div class="pop-box pbcols5 arrow-box arrow-box-top anchor-left"> 1020 <div class="pop-box-inner pop-box-menu pop-box-menucols"> 1021 <ul><li><a href="https://freeimage.host/af" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','af',{expires:30,secure:true,path:'/'});">Afrikaans</a></li><li><a href="https://freeimage.host/az" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','az',{expires:30,secure:true,path:'/'});">AzÉrbaycan</a></li><li><a href="https://freeimage.host/bs" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','b
1021s',{expires:30,secure:true,path:'/'});">Bosanski</a></li><li><a href="https://freeimage.host/ca" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','ca',{expires:30,secure:true,path:'/'});">Català </a></li><li><a href="https://freeimage.host/cy" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','cy',{expires:30,secure:true,path:'/'});">Cymraeg</a></li><li><a href="https://freeimage.host/da" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','da',{expires:30,secure:true,path:'/'});">Dansk</a></li><li><a href="https://freeimage.host/de" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','de',{expires:30,secure:true,path:'/'});">Deutsch</a></li><li><a href="https://freeimage.host/et" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','et',{expires:30,secure:true,path:'/'});">Eesti</a></li><li class="current"><a href="https://freeimage.host/" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','en',{expires:30,secure:true,path:'/'});">English</a></li><li><a href="https://freeimage.host/es" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','es',{expires:30,secure:true,path:'/'});">Español</a></li><li><a href="https://freeimage.host/es-mx" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','es-mx',{expires:30,secure:true,path:'/'});">Español (Mexican Spanish)</a></li><li><a href="https://freeimage.host/eu" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','eu',{expires:30,secure:true,path:'/'});">Euskara</a></li><li><a href="https://freeimage.host/fil" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','fil',{expires:30,secure:true,path:'/'});">Filipino</a></li><li><a href="https://freeimage.host/fr" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','fr',{expires:30,secure:true,path:'/'});">Français</a></li><li><a href="https://freeimage.host/ha" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','ha',{expires:30,secure:true,path:'/'});">Hausa</a></li><li><a href="https://freeimage.host/hr" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','hr',{expires:30,secure:true,path:'/'});">Hrvatski</a></li><li><a href="https://freeimage.host/ig" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','ig',{expires:30,secure:true,path:'/'});">Igbo</a></li><li><a href="https://freeimage.host/id" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','id',{expires:30,secure:true,path:'/'});">Indonesia</a></li><li><a href="https://freeimage.host/it" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','it',{expires:30,secure:true,path:'/'});">Italiano</a></li><li><a href="https://freeimage.host/sw" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','sw',{expires:30,secure:true,path:'/'});">Kiswahili</a></li><li><a href="https://freeimage.host/ku" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','ku',{expires:30,secure:true,path:'/'});">Kurdî (Kurmancî)</a></li><li><a href="https://freeimage.host/lv" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','lv',{expires:30,secure:true,path:'/'});">LatvieÅ¡u</a></li><li><a href="https://freeimage.host/lt" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','lt',{expires:30,secure:true,path:'/'});">Lietuvių</a></li><li><a href="https://freeimage.host/hu" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','hu',{expires:30,secure:true,path:'/'});">Magyar</a></li><li><a href="https://freeimage.host/ms" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','ms',{expires:30,secure:true,path:'/'});">Melayu</a></li><li><a href="https://freeimage.host/nl" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','nl',{expires:30,secure:true,path:'/'});">Nederlands</a></li><li><a href="https://freeimage.host/no" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','no',{expires:30,secure:true,path:'/'});">Norsk</a></li><li><a href="https://freeimage.host/uz" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','uz',{expires:30,secure:true,path:'/'});">Oâzbek</a></li><li><a href="https://freeimage.host/pl" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','pl',{expires:30,secure:true,path:'/'});">Polski</a></li><li><a href="https://freeimage.host/pt" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','pt',{expires:30,secure:true,path:'/'});">Português</a></li><li><a href="https://freeimage.host/pt-br" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','pt-br',{expires:30,secure:true,path:'/'});">Português (Brazilian Portuguese)</a></li><li><a href="https://freeimage.host/ro" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','ro',{expires:30,secure:true,path:'/'});">RomânÄ</a></li><li><a href="https://freeimage.host/sk" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','sk',{expires:30,secure:true,path:'/'});">SlovenÄina</a></li><li><a href="https://freeimage.host/sl" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','sl',{expires:30,secure:true,path:'/'});">SlovenÅ¡Äina</a></li><li><a href="https://freeimage.host/sr-me" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','sr-me',{expires:30,secure:true,path:'/'});">Srpski</a></li><li><a href="https://freeimage.host/fi" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','fi',{expires:30,secure:true,path:'/'});">Suomi</a></li><li><a href="https://freeimage.host/sv" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','sv',{expires:30,secure:true,path:'/'});">Svenska</a></li><li><a href="https://freeimage.host/tl" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','tl',{expires:30,secure:true,path:'/'});">Tagalog</a></li><li><a href="https://freeimage.host/vi" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','vi',{expires:30,secure:true,path:'/'});">Tiếng Viá»t</a></li><li><a href="https://freeimage.host/tk" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','tk',{expires:30,secure:true,path:'/'});">Türkmen Dili</a></li><li><a href="https://freeimage.host/tr" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','tr',{expires:30,secure:true,path:'/'});">Türkçe</a></li><li><a href="https://freeimage.host/yo" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','yo',{expires:30,secure:true,path:'/'});">Ãdè Yorùbá</a></li><li><a href="https://freeimage.host/is" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','is',{expires:30,secure:true,path:'/'});">Ãslenska</a></li><li><a href="https://freeimage.host/cs" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','cs',{expires:30,secure:true,path:'/'});">ÄeÅ¡tina</a></li><li><a href="https://freeimage.host/el" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','el',{expires:30,secure:true,path:'/'});">Îλληνικά</a></li><li><a href="https://freeimage.host/bg" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','bg',{expires:30,secure:true,path:'/'});">ÐÑлгаÑÑки</a></li><li><a href="https://freeimage.host/mk" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','mk',{expires:30,secure:true,path:'/'});">ÐакедонÑки</a></li><li><a href="https://freeimage.host/mn" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','mn',{expires:30,secure:true,path:'/'});">Ðонгол</a></li><li><a href="https://freeimage.host/ru" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','ru',{expires:30,secure:true,path:'/'});">Ð ÑÑÑкий</a></li><li><a href="https://freeimage.host/sr" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','sr',{expires:30,secure:true,path:'/'});">СÑпÑки</a></li><li><a href="https://freeimage.host/uk" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','uk',{expires:30,secure:true,path:'/'});">УкÑаÑнÑÑка</a></li><li><a href="https://freeimage.host/kk" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','kk',{expires:30,secure:true,path:'/'});">ÒÐ°Ð·Ð°Ò Ð¢ÑлÑ</a></li><li><a href="https://freeimage.host/hy" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','hy',{expires:30,secure:true,path:'/'});">ÕÕ¡ÕµÕ¥ÖÕ¥Õ¶</a></li><li><a href="https://freeimage.host/he" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','he',{expires:30,secure:true,path:'/'});">×¢×ר×ת</a></li><li><a href="https://freeimage.host/ur" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','ur',{expires:30,secure:true,path:'/'});">اردÙ</a></li><li><a href="https://freeimage.host/ar" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','ar',{expires:30,secure:true,path:'/'});">Ø§ÙØ¹Ø±Ø¨ÙØ©</a></li><li><a href="https://freeimage.host/fa" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','fa',{expires:30,secure:true,path:'/'});">ÙØ§Ø±Ø³Û</a></li><li><a href="https://freeimage.host/ps" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','ps',{expires:30,secure:true,path:'/'});">Ù¾ÚØªÙ</a></li><li><a href="https://freeimage.host/ckb" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','ckb',{expires:30,secure:true,path:'/'});">Ú©ÙØ±Ø¯ÛÛ ÙØ§ÙÛÙØ¯Û</a></li><li><a href="https://freeimage.host/ne" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','ne',{expires:30,secure:true,path:'/'});">नà¥à¤ªà¤¾à¤²à¥</a></li><li><a href="https://freeimage.host/mr" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','mr',{expires:30,secure:true,path:'/'});">मराठà¥</a></li><li><a href="https://freeimage.host/hi" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','hi',{expires:30,secure:true,path:'/'});">हिनà¥à¤¦à¥</a></li><li><a href="https://freeimage.host/bn" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','bn',{expires:30,secure:true,path:'/'});">বাà¦à¦²à¦¾</a></li><li><a href="https://freeimage.host/pa" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','pa',{expires:30,secure:true,path:'/'});">ਪੰà¨à¨¾à¨¬à©</a></li><li><a href="https://freeimage.host/gu" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','gu',{expires:30,secure:true,path:'/'});">àªà«àªàª°àª¾àª¤à«</a></li><li><a href="https://freeimage.host/ta" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','ta',{expires:30,secure:true,path:'/'});">தமிழà¯</a></li><li><a href="https://freeimage.host/te" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','te',{expires:30,secure:true,path:'/'});">à°¤à±à°²à±à°à±</a></li><li><a href="https://freeimage.host/th" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','th',{expires:30,secure:true,path:'/'});">à¹à¸à¸¢</a></li><li><a href="https://freeimage.host/my" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','my',{expires:30,secure:true,path:'/'});">áá¼ááºáá¬</a></li><li><a href="https://freeimage.host/ka" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','ka',{expires:30,secure:true,path:'/'});">á¥áá áá£áá</a></li><li><a href="https://freeimage.host/am" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','am',{expires:30,secure:true,path:'/'});">á ááá</a></li><li><a href="https://freeimage.host/zh-cn" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','zh-cn',{expires:30,secure:true,path:'/'});">䏿</a></li><li><a href="https://freeimage.host/zh-hk" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','zh-hk',{expires:30,secure:true,path:'/'});">䏿 (Traditional Chinese)</a></li><li><a href="https://freeimage.host/ja" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','ja',{expires:30,secure:true,path:'/'});">æ¥æ¬èª</a></li><li><a href="https://freeimage.host/ko" class="text-overflow-ellipsis" onclick="Cookies.set('USER_SELECTED_LANG','ko',{expires:30,secure:true,path:'/'});">íêµì´</a></li></ul> 1022 </div> 1023 </div> 1024 </li> 1025 1026 <li id="top-bar-explore" data-nav="explore" class="phone-hide pop-keep-click pop-btn pop-btn-show">
1027 <span class="top-btn-text"><span class="icon icon-stack"></span><span class="btn-text phone-hide phablet-hide">Explore</span></span> 1028 <div class="pop-box arrow-box arrow-box-top anchor-left"> 1029 1030 <div class="pop-box-inner pop-box-menu"> 1031 <div class="pop-box-label">Discovery</div> 1032 <ul> 1033 <li><a href="https://freeimage.host/explore/recent"><span class="btn-icon icon-ccw"></span><span class="btn-text">Recent</span></a></li><li><a href="https://freeimage.host/explore/trending"><span class="btn-icon icon-fire"></span><span class="btn-text">Trending</span></a></li><li><a href="https://freeimage.host/explore/popular"><span class="btn-icon icon-heart3"></span><span class="btn-text">Popular</span></a></li> </ul> 1034 1035 </div> 1036 </div> 1037 </li> 1038 1039 </ul> 1040 <ul class="top-bar-right float-right keep-visible"> 1041 1042 1043 <li data-action="top-bar-upload" data-link="" data-nav="upload" class="top-btn-el phone-hide" > 1044 <span class="top-btn-text"><span class="icon icon-cloud-upload"></span><span class="btn-text phone-hide phablet-hide">Upload</span></span> 1045 </li> 1046 1047 <li id="top-bar-signin" data-nav="signin" class="top-btn-el"> 1048 <a href="https://freeimage.host/login" class="top-btn-text"><span class="icon icon-login tablet-hide laptop-hide desktop-hide"></span><span class="text phone-hide phablet-hide">Sign in</span></a> 1049 </li> 1050 <li id="top-bar-signup" data-nav="signup" class="phone-hide top-btn-el"> 1051 <a href="https://freeimage.host/signup" class="top-btn-text top-btn-create-account btn red text"><span class="icon icon-user2 phablet-hide tablet-hide laptop-hide desktop-hide"></span>Create account</a> 1052 </li> 1053 1054 </ul> 1055 1056 </div> 1057 </header> 1058 <style> 1059@media (min-width: 992px) { 1060 footer { 1061 display: none !important; 1062 } 1063} 1064</style> 1065<div class="center-box c24"> 1066 <div class="content-width"> 1067 <div class="header default-margin-bottom"> 1068 <h1>Upload plugin</h1> 1069 </div> 1070 <div class="text-content"> 1071 <p>Add image uploading to your website, blog or forum by installing our upload plugin. It provides image uploading to any website by placing a button that will allow your users to directly upload images to our service and it will automatically handle the codes needed for insertion. All features included like drag and drop, remote upload, image resizing and more.</p> 1072 <h2>Supported software</h2> 1073 <p>The plugin works in any website with user-editable content and for <a data-toggle="pup-vendors">supported software</a>, it will place an upload button that will match the target editor toolbar so no extra customization is needed.</p> 1074 <ul data-content="pup-vendors" class="soft-hidden"> 1075 <li>bbPress</li> 1076<li>Discourse</li> 1077<li>Discuz!</li> 1078<li>Invision Power Board</li> 1079<li>MyBB</li> 1080<li>NodeBB</li> 1081<li>ProBoards</li> 1082<li>phpBB</li> 1083<li>Simple Machines Forum</li> 1084<li>Vanilla Forums</li> 1085<li>vBulletin</li> 1086<li>WoltLab</li> 1087<li>XenForo</li> 1088 </ul> 1089 <h2>Add it to your website</h2> 1090 <p>Copy and paste the plugin code into your website HTML code (preferably inside the head section). There are plenty <a data-toggle="pup-options">options</a> to make it fit better to your needs.</p> 1091 <div class="input-label margin-bottom-0"> 1092 <textarea id="pup-insert-code" data-focus="select-all" class="r2 resize-vertical" autocomplete="off" spellcheck="false" readonly><script async src="//freeimage.host/sdk/pup.js" data-url="https://freeimage.host/upload"></script></textarea> 1093 <button class="input-action" data-action="copy" data-action-target="#pup-insert-code">copy</button> 1094 </div> 1095 <div><style type="text/css" id="chevereto-pup-style">.chevereto-pup-container{display:inline-block;margin-top:5px;margin-bottom:5px}.chevereto-pup-button{-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;outline:0;border:none;cursor:pointer;border:1px solid rgba(0,0,0,.05);border-radius:.2em;padding:.5em 1em;font-size:12px;font-weight:700;text-shadow:none}.chevereto-pup-button:hover{border-top-color:rgba(255,255,255,.1);border-right-color:rgba(0,0,0,.05);border-bottom-color:rgba(0,0,0,.1);border-left-color:rgba(0,0,0,.05);}.chevereto-pup-button-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-item-align:center;align-self:center;position:relative;height:1em;width:1em;margin-right:.25em}.chevereto-pup-button-icon img,.chevereto-pup-button-icon svg{width:1em;height:1em;bottom:-.125em;position:absolute}.chevereto-pup-button-icon svg{fill:currentColor}.chevereto-pup-button--palette-default{color:#000;background:#ececec}.chevereto-pup-button--palette-default:hover{background:#2980b9;color:#fff}.chevereto-pup-button--palette-clear{color:inherit;background:inherit}.chevereto-pup-button--palette-clear:hover{background:inherit;color:#2980b9}.chevereto-pup-button--palette-turquoise{color:#fff;background:#16a085}.chevereto-pup-button--palette-turquoise:hover{background:#1abc9c;color:#fff}.chevereto-pup-button--palette-green{color:#fff;background:#27ae60}.chevereto-pup-button--palette-green:hover{background:#2ecc71;color:#fff}.chevereto-pup-button--palette-blue{color:#fff;background:#2980b9}.chevereto-pup-button--palette-blue:hover{background:#3498db;color:#fff}.chevereto-pup-button--palette-purple{color:#fff;background:#8e44ad}.chevereto-pup-button--palette-purple:hover{background:#9b59b6;color:#fff}.chevereto-pup-button--palette-darkblue{color:#fff;background:#2c3e50}.chevereto-pup-button--palette-darkblue:hover{background:#34495e;color:#fff}.chevereto-pup-button--palette-yellow{color:#fff;background:#f39c12}.chevereto-pup-button--palette-yellow:hover{background:#f1c40f;color:#fff}.chevereto-pup-button--palette-orange{color:#fff;background:#d35400}.chevereto-pup-button--palette-orange:hover{background:#e67e22;color:#fff}.chevereto-pup-button--palette-red{color:#fff;background:#c0392b}.chevereto-pup-button--palette-red:hover{background:#e74c3c;color:#fff}.chevereto-pup-button--palette-grey{color:#000;background:#ececec}.chevereto-pup-button--palette-grey:hover{background:#e0e0e0;color:#000}.chevereto-pup-button--palette-black{color:#fff;background:#333}.chevereto-pup-button--palette-black:hover{background:#666;color:#fff}</style><div class="chevereto-pup-container"><button id="pup-preview" class="chevereto-pup-button chevereto-pup-button--palette-default"><span class="chevereto-pup-button-icon"><svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewB
1095ox="0 0 100 100"><path d="M76.7 87.5c12.8 0 23.3-13.3 23.3-29.4 0-13.6-5.2-25.7-15.4-27.5 0 0-3.5-0.7-5.6 1.7 0 0 0.6 9.4-2.9 12.6 0 0 8.7-32.4-23.7-32.4 -29.3 0-22.5 34.5-22.5 34.5 -5-6.4-0.6-19.6-0.6-19.6 -2.5-2.6-6.1-2.5-6.1-2.5C10.9 25 0 39.1 0 54.6c0 15.5 9.3 32.7 29.3 32.7 2 0 6.4 0 11.7 0V68.5h-13l22-22 22 22H59v18.8C68.6 87.4 76.7 87.5 76.7 87.5z"/></svg></span><span class="%tClass">Upload images</span></button></div></div> 1096 <div data-content="pup-options" class="soft-hidden"> 1097 <h3>Basic options</h3> 1098 <div class="input-label margin-top-0"> 1099 <label for="palette">Color palette</label> 1100 <div class="c9 phablet-c1"> 1101 <select type="text" name="palette" id="palette" class="text-input"> 1102 <option value="" selected="selected">Default</option> 1103<option value="clear">Clear</option> 1104<option value="turquoise">Turquoise</option> 1105<option value="green">Green</option> 1106<option value="blue">Blue</option> 1107<option value="purple">Purple</option> 1108<option value="darkblue">Darkblue</option> 1109<option value="yellow">Yellow</option> 1110<option value="orange">Orange</option> 1111<option value="red">Red</option> 1112<option value="grey">Grey</option> 1113<option value="black">Black</option> 1114 </select> 1115 </div> 1116 <div class="input-below">Button color scheme</div> 1117 </div> 1118 <div class="input-label"> 1119 <label for="auto-insert">Embed codes</label> 1120 <div class="c9 phablet-c1"> 1121 <select type="text" name="auto-insert" id="auto-insert" class="text-input"> 1122 <option value="viewer-links">Viewer links</option> 1123<option value="html-embed-medium">HTML full linked</option> 1124<option value="html-embed-thumbnail">HTML thumbnail linked</option> 1125<option value="" selected="selected">BBCode full linked</option> 1126<option value="bbcode-embed-thumbnail">BBCode thumbnail linked</option> 1127<option value="markdown-embed-medium">Markdown full linked</option> 1128<option value="markdown-embed-thumbnail">Markdown thumbnail linked</option> 1129 </select> 1130 </div> 1131 <div class="input-below">Embed codes that will be auto-inserted in editor box</div> 1132 </div> 1133 <div class="input-label"> 1134 <label for="sibling">Sibling selector</label> 1135 <div class="c9 phablet-c1"> 1136 <input type="text" name="sibling" id="sibling" class="text-input" placeholder="Empty string"> 1137 </div> 1138 <div class="input-below">Sibling element selector where to place the button next to</div> 1139 </div> 1140 <div class="input-label"> 1141 <label for="sibling-pos">Sibling position</label> 1142 <div class="c9 phablet-c1"> 1143 <select type="text" name="sibling-pos" id="sibling-pos" class="text-input"> 1144 <option value="" selected="selected">After</option> 1145 <option value="before">Before</option> 1146 </select> 1147 </div> 1148 <div class="input-below">Position relative to sibling element</div> 1149 </div> 1150 <div class="clear-both"> 1151 <h3>Advanced options</h3> 1152 <p>The plugin has a large set of additional options that allow full customization. You can use custom HTML, CSS, own color palette, set observers and more. Check the <a href="https://chevereto.com/docs/pup" target="_blank">documentation</a> and the plugin source to get a better idea of these advanced options.</p> 1153 </div> 1154 </div> 1155 </div> 1156 </div> 1157</div> 1158
1159<script> 1160 $(document).ready(function() { 1161 if(typeof CHV == "undefined") { 1162 CHV = {obj: {}, fn: {}, str:{}}; 1163 } else { 1164 if(typeof CHV.obj.embed_tpl == "undefined") { 1165 CHV.obj.embed_tpl = {}; 1166 } 1167 } 1168 CHV.obj.embed_tpl = {"links":{"label":"Links","options":{"viewer-links":{"label":"Viewer links","template":"%URL_VIEWER%","size":"viewer"}}},"html-codes":{"label":"HTML Codes","options":{"html-embed-medium":{"label":"HTML full linked","template":"<a href=\"%URL_VIEWER_PREVIEW%\"><img src=\"%MEDIUM_URL%\" alt=\"%MEDIUM_FILENAME%\" border=\"0\"><\/a>","size":"medium"},"html-embed-thumbnail":{"label":"HTML thumbnail linked","template":"<a href=\"%URL_VIEWER_THUMB%\"><img src=\"%THUMB_URL%\" alt=\"%THUMB_FILENAME%\" border=\"0\"><\/a>","size":"thumb"}}},"bbcodes":{"label":"BBCodes","options":{"bbcode-embed-medium":{"label":"BBCode full linked","template":"[url=%URL_VIEWER_PREVIEW%][img]%MEDIUM_URL%[\/img][\/url]","size":"medium"},"bbcode-embed-thumbnail":{"label":"BBCode thumbnail linked","template":"[url=%URL_VIEWER_THUMB%][img]%THUMB_URL%[\/img][\/url]","size":"thumb"}}},"markdown":{"label":"Markdown","options":{"markdown-embed-medium":{"label":"Markdown full linked","template":"[](%URL_VIEWER_PREVIEW%)","size":"medium"},"markdown-embed-thumbnail":{"label":"Markdown thumbnail linked","template":"[](%URL_VIEWER_THUMB%)","size":"thumb"}}}}; 1169 }); 1170</script>
1170 1171<div data-modal="form-embed-codes" class="hidden"> 1172 <span class="modal-box-title">Embed codes</span> 1173 <div class="input-label margin-bottom-0 copy-hover-display"> 1174 <div class="c7 margin-bottom-10"> 1175 <select name="form-embed-toggle" id="form-embed-toggle" class="text-input" data-combo="form-embed-toggle-combo"> 1176 <optgroup label="Links"> 1177 <option value="viewer-links" data-size="viewer">Viewer links</option> 1178</optgroup><optgroup label="HTML Codes"> 1179 <option value="html-embed-medium" data-size="medium">HTML full linked</option> 1180 <option value="html-embed-thumbnail" data-size="thumb">HTML thumbnail linked</option> 1181</optgroup><optgroup label="BBCodes"> 1182 <option value="bbcode-embed-medium" data-size="medium">BBCode full linked</option> 1183 <option value="bbcode-embed-thumbnail" data-size="thumb">BBCode thumbnail linked</option> 1184</optgroup><optgroup label="Markdown"> 1185 <option value="markdown-embed-medium" data-size="medium">Markdown full linked</option> 1186 <option value="markdown-embed-thumbnail" data-size="thumb">Markdown thumbnail linked</option> 1187</optgroup> </select> 1188 </div> 1189 <div id="form-embed-toggle-combo"> 1190 <div data-combo-value="viewer-links" class="switch-combo"> 1191 <textarea id="modal-embed-code-0" class="r3 resize-vertical" name="viewer-links" data-size="viewer" data-focus="select-all"></textarea> 1192 <button class="input-action" data-action="copy" data-action-target="#modal-embed-code-0">copy</button> 1193 </div> 1194<div data-combo-value="html-embed-medium" class="switch-combo soft-hidden"> 1195 <textarea id="modal-embed-code-1" class="r3 resize-vertical" name="html-embed-medium" data-size="medium" data-focus="select-all"></textarea> 1196 <button class="input-action" data-action="copy" data-action-target="#modal-embed-code-1">copy</button> 1197 </div> 1198<div data-combo-value="html-embed-thumbnail" class="switch-combo soft-hidden"> 1199 <textarea id="modal-embed-code-2" class="r3 resize-vertical" name="html-embed-thumbnail" data-size="thumb" data-focus="select-all"></textarea> 1200 <button class="input-action" data-action="copy" data-action-target="#modal-embed-code-2">copy</button> 1201 </div> 1202<div data-combo-value="bbcode-embed-medium" class="switch-combo soft-hidden"> 1203 <textarea id="modal-embed-code-3" class="r3 resize-vertical" name="bbcode-embed-medium" data-size="medium" data-focus="select-all"></textarea> 1204 <button class="input-action" data-action="copy" data-action-target="#modal-embed-code-3">copy</button> 1205 </div> 1206<div data-combo-value="bbcode-embed-thumbnail" class="switch-combo soft-hidden"> 1207 <textarea id="modal-embed-code-4" class="r3 resize-vertical" name="bbcode-embed-thumbnail" data-size="thumb" data-focus="select-all"></textarea> 1208 <button class="input-action" data-action="copy" data-action-target="#modal-embed-code-4">copy</button> 1209 </div> 1210<div data-combo-value="markdown-embed-medium" class="switch-combo soft-hidden"> 1211 <textarea id="modal-embed-code-5" class="r3 resize-vertical" name="markdown-embed-medium" data-size="medium" data-focus="select-all"></textarea> 1212 <button class="input-action" data-action="copy" data-action-target="#modal-embed-code-5">copy</button> 1213 </div> 1214<div data-combo-value="markdown-embed-thumbnail" class="switch-combo soft-hidden"> 1215 <textarea id="modal-embed-code-6" class="r3 resize-vertical" name="markdown-embed-thumbnail" data-size="thumb" data-focus="select-all"></textarea> 1216 <button class="input-action" data-action="copy" data-action-target="#modal-embed-code-6">copy</button> 1217 </div> 1218 </div> 1219 </div> 1220</div><div id="anywhere-upload" class="upload-box upload-box--fixed upload-box--hidden queueEmpty" data-queue-size="0"> 1221 1222 <div class="content-width"> 1223 1224 <div class="upload-box-inner"> 1225 1226 <div class="upload-box-heading c16 center-box"> 1227 <div class="upload-box-status"> 1228 <div data-group="upload"> 1229 <span class="icon icon-download2 cursor-pointer" data-trigger="anywhere-upload-input"></span> 1230 <div class="heading device-mobile--hide"><a data-trigger="anywhere-upload-input">Drag and drop or paste images here to upload</a></div> 1231 <div class="heading device-nonmobile--hide"><a data-trigger="anywhere-upload-input">Select the images to upload</a></div> 1232 <div class="device-mobile--hide upload-box-status-text">You can also <a data-trigger="anywhere-upload-input">browse from your computer</a> or <a data-modal="form" data-target="anywhere-upload-paste-url">add image URLs</a>.</div> 1233 <div class="device-nonmobile--hide upload-box-status-text">You can also <a data-trigger="anywhere-upload-input">browse from your device</a>, <a data-trigger="anywhere-upload-input-camera">take a picture</a> or <a data-modal="form" data-target="anywhere-upload-paste-url">add image URLs</a>.</div> 1234 </div> 1235 <div data-group="upload-queue-ready" class="soft-hidden"> 1236 <span class="icon icon-images" data-trigger="anywhere-upload-input"></span> 1237 <div class="heading device-mobile--hide">Edit or resize any image by clicking the image preview</div> 1238 <div class="heading device-nonmobile--hide">Edit any image by touching the image preview</div> 1239 <div class="device-mobile--hide upload-box-status-text">You can add more images from <a data-trigger="anywhere-upload-input">your computer</a> or <a data-modal="form" data-target="anywhere-upload-paste-url">add image URLs</a>.</div> 1240 <div class="device-nonmobile--hide upload-box-status-text">You can add more images from <a data-trigger="anywhere-upload-input">your device</a>, <a data-trigger="anywhere-upload-input-camera">take a picture</a> or <a data-modal="form" data-target="anywhere-upload-paste-url">add image URLs</a>.</div> 1241 </div> 1242 <div data-group="uploading" class="soft-hidden"> 1243 <span class="icon icon-cloud-upload"></span> 1244 <div class="heading">Uploading <span data-text="queue-size">0</span> <span data-text="queue-objects">image</span> (<span data-text="queue-progress">0</span>% complete)</div> 1245 <div class="upload-box-status-text">The queue is being uploaded, it should take just a few seconds to complete.</div> 1246 </div> 1247 <div data-group="upload-result" data-result="success" class="soft-hidden"> 1248 <span class="icon icon-checkmark-circle color-green"></span> 1249 <div class="heading">Upload complete</div> 1250 <div class="upload-box-status-text"> 1251 <div data-group="user" class="soft-hidden"> 1252 <div data-group="user-stream" class="soft-hidden"> 1253 Uploaded content added to <a data-text="upload-target" data-link="upload-target"></a>. You can <a data-modal="form" data-target="form-uploaded-create-album">create a new album</a> with the content just uploaded. </div> 1254 <div data-group="user-album" class="soft-hidden">Uploaded content added to <a data-text="upload-target" data-link="upload-target"></a>.</div> 1255 </div> 1256 <div data-group="guest" class="soft-hidden"> 1257 You can <a data-modal="form" data-target="form-uploaded-create-album">create a new album</a> with the content just uploaded. You must <a href="https://freeimage.host/signup">create an account</a> or <a href="https://freeimage.host/login">sign in</a> to save this content into your account. </div> 1258 </div> 1259 </div> 1260 <div data-group="upload-result" data-result="error" class="soft-hidden"> 1261 <span class="icon icon-cross4 color-grey"></span> 1262 <div class="heading">No <span data-text="queue-objects">image</span> have been uploaded</div> 1263 <div class="upload-box-status-text">Some errors have occured and the system couldn't process your request.</div> 1264 </div> 1265 </div> 1266 </div> 1267 1268 <input id="anywhere-upload-input" data-action="anywhere-upload-input" class="hidden-visibility" type="file" accept="image/*, .jpg,.png,.bmp,.gif,.webp,.jpeg" multiple> 1269 <input id="anywhere-upload-input-camera" data-action="anywhere-upload-input" class="hidden-visibility" type="file" capture="camera" accept="image/*"> 1270 <ul id="anywhere-upload-queue" class="upload-box-queue content-width soft-hidden" data-group="upload-queue"></ul> 1271 1272 <div id="anywhere-upload-submit" class="btn-container text-align-center margin-bottom-0 soft-hidden" data-group="upload-queue-ready"> 1273 <div data-group="upload-queue-ready"> 1274 1275 <button class="btn btn-big green" data-action="upload" data-public="Upload" data-private="Private upload">Upload</button></span> 1276 </div> 1277 <div data-group="uploading" class="soft-hidden"> 1278 <button class="btn plain disabled btn-big plain margin-right-5" disabled data-action="upload-privacy-copy"><span class="icon icon-unlocked" data-lock="icon-lock" data-unlock="icon-unlocked"></span></button><button class="btn btn-big disabled off" disabled>Uploading</button> <span class="btn-alt">or <a data-action="cancel-upload" data-button="close-cancel">cancel</a><a data-action="cancel-upload-remaining" data-button="close-cancel" class="soft-hidden">cancel remaining</a></span> 1279 </div> 1280 </div> 1281 1282 <div id="anywhere-upload-report"> 1283 <div data-group="upload-result" data-result="mixted" class="soft-hidden margin-top-10 text-align-center upload-box-status-text">Note: Some images couldn't be uploaded. <a data-modal="simple" data-target="failed-upload-result">learn more</a></div> 1284 <div data-group="upload-result" data-result="error" class="soft-hidden margin-top-10 text-align-center upload-box-status-text">Check the <a data-modal="simple" data-target="failed-upload-result">error report</a> for more information.</div> 1285 </div> 1286 1287 <div class="upload-box-allowed-files position-absolute">
1288 <span>JPG PNG BMP GIF WEBP</span> 1289 <span>64 MB <span class="icon icon-warning color-red margin-left-5" rel="tooltip" data-tiptip="top" title="Register to get 128 MB"></span> 1290 </span> 1291 </div> 1292 1293 <div class="upload-box-close position-absolute"> 1294 <a data-action="reset-upload" data-button="close-cancel"><span class="btn-icon icon-loop2"></span><span class="btn-text">reset</span></a> 1295 <a data-action="close-upload" data-button="close-cancel"><span class="btn-icon icon-close"></span><span class="btn-text">close</span></a> 1296 <a data-action="cancel-upload" data-button="close-cancel"><span class="btn-icon icon-close"></span><span class="btn-text">cancel</span></a> 1297 <a data-action="cancel-upload-remaining" data-button="close-cancel"><span class="btn-icon icon-close"></span><span class="btn-text">cancel remaining</span></a> 1298 </div> 1299 1300 <div data-group="upload-result" data-result="success" class="c16 center-box soft-hidden"> 1301 <div class="input-label margin-bottom-0 copy-hover-display"> 1302 <label for="uploaded-embed-toggle">Embed codes</label> 1303 <div class="c7 margin-bottom-10"> 1304 <select name="uploaded-embed-toggle" id="uploaded-embed-toggle" class="text-input" data-combo="uploaded-embed-toggle-combo"> 1305 <optgroup label="Links"> 1306 <option value="viewer-links" data-size="viewer">Viewer links</option> 1307</optgroup><optgroup label="HTML Codes"> 1308 <option value="html-embed-medium" data-size="medium">HTML full linked</option> 1309 <option value="html-embed-thumbnail" data-size="thumb">HTML thumbnail linked</option> 1310</optgroup><optgroup label="BBCodes"> 1311 <option value="bbcode-embed-medium" data-size="medium">BBCode full linked</option> 1312 <option value="bbcode-embed-thumbnail" data-size="thumb">BBCode thumbnail linked</option> 1313</optgroup><optgroup label="Markdown"> 1314 <option value="markdown-embed-medium" data-size="medium">Markdown full linked</option> 1315 <option value="markdown-embed-thumbnail" data-size="thumb">Markdown thumbnail linked</option> 1316</optgroup> </select> 1317 </div> 1318 <div id="uploaded-embed-toggle-combo"> 1319 <div data-combo-value="viewer-links" class="switch-combo"> 1320 <textarea id="uploaded-embed-code-0" class="r2 resize-vertical" name="viewer-links" data-size="viewer" data-focus="select-all"></textarea> 1321 <button class="input-action" data-action="copy" data-action-target="#uploaded-embed-code-0">copy</button> 1322 <button class="input-action" data-action="openerPostMessage" data-action-target="#uploaded-embed-code-0">insert</button> 1323 </div> 1324<div data-combo-value="html-embed-medium" class="switch-combo soft-hidden"> 1325 <textarea id="uploaded-embed-code-1" class="r2 resize-vertical" name="html-embed-medium" data-size="medium" data-focus="select-all"></textarea> 1326 <button class="input-action" data-action="copy" data-action-target="#uploaded-embed-code-1">copy</button> 1327 <button class="input-action" data-action="openerPostMessage" data-action-target="#uploaded-embed-code-1">insert</button> 1328 </div> 1329<div data-combo-value="html-embed-thumbnail" class="switch-combo soft-hidden"> 1330 <textarea id="uploaded-embed-code-2" class="r2 resize-vertical" name="html-embed-thumbnail" data-size="thumb" data-focus="select-all"></textarea> 1331 <button class="input-action" data-action="copy" data-action-target="#uploaded-embed-code-2">copy</button> 1332 <button class="input-action" data-action="openerPostMessage" data-action-target="#uploaded-embed-code-2">insert</button> 1333 </div> 1334<div data-combo-value="bbcode-embed-medium" class="switch-combo soft-hidden"> 1335 <textarea id="uploaded-embed-code-3" class="r2 resize-vertical" name="bbcode-embed-medium" data-size="medium" data-focus="select-all"></textarea> 1336 <button class="input-action" data-action="copy" data-action-target="#uploaded-embed-code-3">copy</button> 1337 <button class="input-action" data-action="openerPostMessage" data-action-target="#uploaded-embed-code-3">insert</button> 1338 </div> 1339<div data-combo-value="bbcode-embed-thumbnail" class="switch-combo soft-hidden"> 1340 <textarea id="uploaded-embed-code-4" class="r2 resize-vertical" name="bbcode-embed-thumbnail" data-size="thumb" data-focus="select-all"></textarea> 1341 <button class="input-action" data-action="copy" data-action-target="#uploaded-embed-code-4">copy</button> 1342 <button class="input-action" data-action="openerPostMessage" data-action-target="#uploaded-embed-code-4">insert</button> 1343 </div> 1344<div data-combo-value="markdown-embed-medium" class="switch-combo soft-hidden"> 1345 <textarea id="uploaded-embed-code-5" class="r2 resize-vertical" name="markdown-embed-medium" data-size="medium" data-focus="select-all"></textarea> 1346 <button class="input-action" data-action="copy" data-action-target="#uploaded-embed-code-5">copy</button> 1347 <button class="input-action" data-action="openerPostMessage" data-action-target="#uploaded-embed-code-5">insert</button> 1348 </div> 1349<div data-combo-value="markdown-embed-thumbnail" class="switch-combo soft-hidden"> 1350 <textarea id="uploaded-embed-code-6" class="r2 resize-vertical" name="markdown-embed-thumbnail" data-size="thumb" data-focus="select-all"></textarea> 1351 <button class="input-action" data-action="copy" data-action-target="#uploaded-embed-code-6">copy</button> 1352 <button class="input-action" data-action="openerPostMessage" data-action-target="#uploaded-embed-code-6">insert</button> 1353 </div> 1354 </div> 1355 </div> 1356 </div> 1357 1358 </div> 1359 1360 </div> 1361 1362 <div class="hidden"> 1363 <div id="anywhere-upload-item-template"> 1364 <li class="queue-item"> 1365 <a class="block image-link" data-group="image-link" href="#file" target="_blank"></a> 1366 <div class="result done block"><span class="icon icon-checkmark-circle"></span></div> 1367 <div class="result failed block"><span class="icon icon-warning"></span></div> 1368 <div class="load-url block"><span class="big-icon icon-url-loading"></span></div> 1369 <div class="preview block"></div> 1370 <div class="progress block"> 1371 <div class="progress-percent"><b data-text="progress-percent">0</b><span>%</span></div> 1372 <div class="progress-bar" data-content="progress-bar"></div> 1373 </div> 1374 <div class="block edit" data-action="edit" title="Edit"> 1375 </div> 1376 <div class="queue-item-button edit" data-action="edit" title="Edit"> 1377 <span class="icon icon-edit"></span> 1378 </div> 1379 <div class="queue-item-button cancel hover-display" data-action="cancel" title="Remove"> 1380 <span class="icon icon-cross"></span> 1381 </div> 1382 </li> 1383 </div> 1384 <div id="anywhere-upload-edit-item"> 1385 <span class="modal-box-title">Edit</span> 1386 <div class="modal-form"> 1387 <div class="image-preview"></div> 1388 <div class="input-label"> 1389 <label for="form-title">Title <span class="optional">optional</span></label> 1390 <input type="text" id="form-title" name="form-title" class="text-input" value="" maxlength="100"> 1391 </div> 1392 <div class="input-label" data-action="resize-combo-input"> 1393 <label for="form-width" class="display-block-forced">Resize image</label> 1394 <div class="c6 overflow-auto clear-both"> 1395 <div class="c3 float-left"> 1396 <input type="number" min="16" pattern="\d+" name="form-width" id="form-width" class="text-input" title="Width" rel="template-tooltip" data-tiptip="top"> 1397 </div> 1398 <div class="c3 float-left margin-left-10"> 1399 <input type="number" min="16" pattern="\d+" name="form-height" id="form-height" class="text-input" title="Height" rel="template-tooltip" data-tiptip="top"> 1400 </div> 1401 </div> 1402 <div class="input-below font-size-small" data-content="animated-gif-warning">Note: Animated GIF images won't be resized.</div> 1403 </div> 1404 <div class="input-label"> 1405 <label for="form-expiration">Auto delete image</label> 1406 <div class="c6 phablet-1"> 1407 <select type="text" name="form-expiration" id="form-expiration" class="text-input"> 1408 <option value="" selected>Don't autodelete</option> 1409<option value="PT5M">After 5 minutes</option> 1410<option value="PT15M">After 15 minutes</option> 1411<option value="PT30M">After 30 minutes</option> 1412<option value="PT1H">After 1 hour</option> 1413<option value="PT3H">After 3 hours</option> 1414<option value="PT6H">After 6 hours</option> 1415<option value="PT12H">After 12 hours</option> 1416<option value="P1D">After 1 day</option> 1417<option value="P2D">After 2 days</option> 1418<option value="P3D">After 3 days</option> 1419<option value="P1W">After 1 week</option> 1420<option value="P2W">After 2 weeks</option> 1421<option value="P1M">After 1 month</option> 1422 </select> 1423 </div> 1424 </div> 1425 <div class="input-label"> 1426 <label for="form-description">Description <span class="optional">optional</span></label> 1427 <textarea id="form-description" name="form-description" class="text-input no-resize" placeholder="Brief description of this image"></textarea> 1428 </div> 1429 </div> 1430 </div> 1431 <div id="anywhere-upload-paste-url" data-submit-fn="CHV.fn.uploader.pasteURL"> 1432 <span class="modal-box-title">Add image URLs</span> 1433 <div class="modal-form"> 1434 <textarea class="resize-vertical" placeholder="Add the image URLs here" name="urls"></textarea> 1435 </div> 1436 </div> 1437 </div> 1438 1439 <div data-modal="form-uploaded-create-album" class="hidden" data-is-xhr data-submit-fn="CHV.fn.submit_upload_edit" data-ajax-deferred="CHV.fn.complete_upload_edit">
1440 <span class="modal-box-title">Create album</span> 1441 <p>The uploaded content will be moved to this newly created album. You must <a href="https://freeimage.host/signup">create an account</a> or <a href="https://freeimage.host/login">sign in</a> if you want to edit this album later on.</p> 1442 <div class="modal-form"> 1443 <div name="move-new-album" id="move-new-album" data-content="form-new-album" data-view="switchable"> 1444 <div class="c7 input-label"> 1445 <label for="form-album-name">Album name</label> 1446 <input type="text" name="form-album-name" class="text-input" value="" placeholder="Album name" maxlength="100" required> 1447 </div> 1448<div class="input-label"> 1449 <label for="form-album-description">Album description <span class="optional">optional</span></label> 1450 <textarea id="form-album-description" name="form-album-description" class="text-input no-resize" placeholder="Brief description of this album"></textarea> 1451</div> 1452<div class="input-label overflow-auto"> 1453 <div class="c7 grid-columns"> 1454 <label for="form-privacy">Album privacy</label> 1455 <select name="form-privacy" id="form-privacy" class="text-input" data-combo="form-privacy-combo" rel="template-tooltip" data-tiptip="right" data-title="Who can view this content"> 1456<option value="public">Public</option><option value="private_but_link">Private (anyone with the link)</option><option value="password">Private (password protected)</option> </select> 1457 </div> 1458</div> 1459<div id="form-privacy-combo"> 1460 <div data-combo-value="password" class="switch-combo soft-hidden"> 1461 <div class="input-label overflow-auto"> 1462 <div class="c7 grid-columns"> 1463 <label for="form-album-password">Album password</label> 1464 <input type="text" name="form-album-password" class="text-input" value="" data-required> 1465 </div> 1466 </div> 1467 </div> 1468</div> 1469 </div> 1470 </div> 1471 </div> 1472 <div data-modal="failed-upload-result" class="hidden"> 1473 <span class="modal-box-title">Error report</span> 1474 <ul data-content="failed-upload-result" style="max-height: 115px;" class="overflow-auto"></ul> 1475 </div> 1476 1477</div> 1478<footer> 1479 <div class="footer-width"> 1480 <div class="overflow-visible"> 1481 <div class="c4 gutter-margin-right footer-group phone-hide" style="width:400px;margin-right:50px"> 1482 <h4>About</h4> 1483<p>Free image host launched in 2018 â offering a - world wide - free image hosting solution based on the chevereto engine. We are providing a tool for our users to upload images and share them online. With free image host you can use our <a href="/api" style="text-decoration:underline;font-weight:600;color:white">API</a> and forum/website <a href="/plugin" style="text-decoration:underline;font-weight:600;color:white">plugin</a> for seamless image upload, at no cost. Free image host also works with the desktop image uploader <a href="/sharex" style="text-decoration:underline;font-weight:600;color:white">ShareX</a>. The chevereto engine is slightly optimized and tuned for the best user experience. We use two different domains, the second domain (iili.io) is used for direct image links "shortURL".</p> </div> 1484 <div class="c4 gutter-margin-right footer-group phone-hide"> 1485 <h4>Freeimage Host</h4> 1486 <ul> 1487 <li><a href="https://freeimage.host/">Home</a></li> 1488 <li><a href="https://freeimage.host/explore">Explore</a></li> 1489 <li><a href="https://freeimage.host/signup" style="display:none">Signup</a></li> 1490 <li><a href="https://freeimage.host/login" style="display:none">Login</a></li> 1491 <li><a href="https://freeimage.host/plugin">Plugin</a></li> 1492 <li><a href="https://freeimage.host/api">API</a></li> 1493 <li><a href="https://freeimage.host/sharex">ShareX</a></li> 1494 <li><a href="https://freeimage.host/tos">Terms of service</a></li> 1495 <li><a href="https://freeimage.host/privacy">Privacy</a></li> 1496 </ul> 1497 </div> 1498 <div class="c4 gutter-margin-right footer-group phone-hide"> 1499 <h4>Connect</h4> 1500 <ul> 1501 <li><a href="https://freeimage.host/contact">Contact</a></li> 1502 <li><a href="https://twitter.com/freeimagehost1">Twitter</a></li> 1503 <li><a href="https://www.reddit.com/r/Freeimagehost/">Reddit</a></li> 1504 <li><a href="https://www.youtube.com/channel/UCBnal1pBKxhE4DagFLdvHWA/">How-to's Youtube</a></li> 1505 1506 </ul> 1507 </div> 1508 1509 <div class="c4 gutter-margin-right footer-group"> 1510 <h4>Images uploaded</h4> 1511 <p id="footer-image-counter" style="text-decoration:none;"> 1512 42,390,883 </p> 1513 </div> 1514 </div> 1515 </div> 1516 <div id="foot-bottom phone-hide" class="footer-width clear-both margin-top-30 phone-text-align-center phablet-text-align-center"> 1517 <div id="foot-copyright">Copyright © <a href="https://freeimage.host/" target="_blank" rel="author">Freeimage.host</a>. All Rights Reserved.</div> </div> 1518 1519</footer>
1520<script defer data-cfasync="false" src="https://freeimage.host/lib/Peafowl/js/scripts.js?c0d5687371cbe082dfb43289b7233892" id="jquery-js" onload="jQueryLoaded(this, event)"></script>
vendor: 1 bytes, line 1520
1520
1521<script defer data-cfasync="false" src="https://freeimage.host/lib/Peafowl/peafowl.js?c0d5687371cbe082dfb43289b7233892" id="peafowl-js"></script>
vendor: 1 bytes, line 1521
1521
1522<script defer data-cfasync="false" src="https://freeimage.host/app/lib/chevereto.js?c0d5687371cbe082dfb43289b7233892" id="chevereto-js"></script>
1522 1523
1523<script type="application/ld+json"> 1524 { 1525 "@context": "http://schema.org", 1526 "@type": "WebSite", 1527 "url": "https://freeimage.host", 1528 "potentialAction": { 1529 "@type": "SearchAction", 1530 "target": "https://freeimage.host/search/images/?q={q}", 1531 "query-input": "required name=q" 1532 } 1533 } 1534 </script>
1534 1535
1536<script data-cfasync="false"> 1537 document.getElementById("chevereto-js").addEventListener("load", function() { 1538 PF.obj.devices = window.devices; 1539 PF.fn.window_to_device = window.window_to_device; 1540 PF.obj.config.base_url = "https://freeimage.host"; 1541 PF.obj.config.json_api = "https://freeimage.host/json"; 1542 PF.obj.config.listing.items_per_page = "36"; 1543 PF.obj.config.listing.device_to_columns = {"phone":"1","phablet":"3","tablet":"4","laptop":"5","desktop":"6","largescreen":"6"}; 1544 PF.obj.config.auth_token = "a78def6604ec0cae0d417882ab8fd9e0c3e151c6"; 1545 1546 PF.obj.l10n = {"An error occurred. Please try again later.":["An error occurred. Please try again later."],"average":["average"],"cancel":["cancel"],"Check the errors in the form to continue.":["Check the errors in the form to continue."],"Clipboard image":["Clipboard image"],"Confirm":["Confirm"],"Confirm action":["Confirm action"],"continue anyway":["continue anyway"],"File too large.":["File too large."],"Go back to the form":["Go back to the form"],"Invalid content owner request":["Invalid content owner request"],"Invalid or unsupported file format.":["Invalid or unsupported file format."],"loading":["loading"],"image":["image"],"or":["or"],"Save changes":["Save changes"],"Saving":["Saving"],"Sending":["Sending"],"Some files couldn't be added":["Some files couldn't be added"],"Submit":["Submit"],"very weak":["very weak"],"weak":["weak"]}; 1547 1548 if (typeof CHV == "undefined") { 1549 CHV = { 1550 obj: {}, 1551 fn: {}, 1552 str: {} 1553 }; 1554 } 1555 1556 CHV.obj.vars = { 1557 urls: { 1558 home: PF.obj.config.base_url, 1559 search: "https://freeimage.host/search", 1560 login: "https://freeimage.host/login", 1561 } 1562 }; 1563 1564 PF.obj.vars = $.extend({}, CHV.obj.vars); 1565 1566 CHV.obj.config = { 1567 image: { 1568 max_filesize: "64 MB", 1569 right_click: true, 1570 load_max_filesize: "8 MB", 1571 max_width: "0", 1572 max_height: "0", 1573 }, 1574 upload: { 1575 redirect_single_upload: false, 1576 threads: "4", 1577 image_types: ["jpg","png","bmp","gif","webp","jpeg"], 1578 }, 1579 user: { 1580 avatar_max_filesize: "2 MB", 1581 background_max_filesize: "3 MB", 1582 }, 1583 recaptcha: { 1584 enabled: false, 1585 sitekey: "6Lfu4rIUAAAAAI332xnQb3itIARYcU5Uf9ZQ-ixT", 1586 }, 1587 listing: { 1588 viewer: false, 1589 } 1590 }; 1591 1592 CHV.obj.page_info = {"doctitle":"Upload plugin \u2014 Freeimage.host","pre_doctitle":"Upload plugin","pos_doctitle":" \u2014 Freeimage.host"}; 1593 1594 1595 }); 1596</script>
1596<script type="text/javascript">new Image().src = "//counter.yadro.ru/hit?t52.6;r"+escape(document.referrer)+((typeof(screen)=="undefined")?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+";"+Math.random();</script>
1596 1597</body> 1598</html>
1599<script> 1600 $(function() { 1601 var $pluginButton = $("#pup-preview"); 1602 var tagAttrs = {"async":"","src":"\/\/freeimage.host\/sdk\/pup.js","data-url":"https:\/\/freeimage.host\/upload"}; 1603 var el = document.createElement("script"); 1604 for(var key in tagAttrs) { 1605 el.setAttribute(key, tagAttrs[key]); 1606 } 1607 $(document).on("keyup change", "[data-content=pup-options] *:input", function(e) { 1608 var attr = 'data-' + $(this).attr("name"); 1609 var val = $(this).val(); 1610 if(val) { 1611 el.setAttribute(attr, val); 1612 } else { 1613 el.removeAttribute(attr); 1614 } 1615 $("#pup-insert-code").val(el.outerHTML.replace('=""', '')).highlight(); 1616 }); 1617 $(document).on("change", "#palette", function(e) { 1618 var val = $(this).val() || "default"; 1619 $pluginButton.removeClass(function(i, className) { 1620 return (className.match (/(^|\s)chevereto-pup-button--palette-\S+/g) || []).join(' '); 1621 }).addClass('chevereto-pup-button--palette-' + val); 1622 }); 1623 }); 1624</script>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.