SORU
27 Mayıs 2011, Cuma


Nasıl base64 dize javascript kullanarak görüntü dönüştürmek için

Bir sunucu için benim resim göndermek böylece base64 dize benim için görüntü dönüştürmek istiyorum. Bu dosya... herhangi bir js var mı ? Onu dönüştürmek başka

CEVAP
29 Kasım 2013, Cuma


Bunu deneyin:

Kod

/**
 * Convert an image 
 * to a base64 url
 * @param  {String}   url         
 * @param  {Function} callback    
 * @param  {String}   [outputFormat=image/png]           
 */
function convertImgToBase64URL(url, callback, outputFormat){
    var img = new Image();
    img.crossOrigin = 'Anonymous';
    img.onload = function(){
        var canvas = document.createElement('CANVAS'),
        ctx = canvas.getContext('2d'), dataURL;
        canvas.height = this.height;
        canvas.width = this.width;
        ctx.drawImage(this, 0, 0);
        dataURL = canvas.toDataURL(outputFormat);
        callback(dataURL);
        canvas = null; 
    };
    img.src = url;
}

Kullanımı

convertImgToBase64URL('http://bit.ly/18g0VNp', function(base64Img){
    // Base64DataURL
});

Desteklenen giriş biçimleri

image/png, image/jpeg, image/jpg, image/gif, image/bmp, image/tiff, image/x-icon, , *, *13image/svg xmlimage/webp

Desteklenen çıkış biçimleri

,*,*16image/pngimage/jpeg (krom)

Demo:

http://jsfiddle.net/handtrix/YvQ5y/

Test: toDataUrl mıme türü

http://kangax.github.io/jstests/toDataUrl_mime_type_test/

Destek (şimdiye kadar bildiğim) tarayıcı


Yerel dosya sisteminden görüntüler

Eğer kullanıcı dosya sistemi görüntüleri dönüştürmek istiyorsanız farklı bir yaklaşım gerekiyor. FileReader API (fiddle şuna bir bakın) kullanın.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • FattySpins's channel

    FattySpins's

    17 Mayıs 2009
  • jkimisyellow...ish

    jkimisyellow

    8 Temmuz 2009
  • TheOtherMau5

    TheOtherMau5

    6 Mart 2012