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

  • Atlantic Records

    Atlantic Rec

    15 Aralık 2006
  • michal lelkowski

    michal lelko

    9 Temmuz 2006
  • modica89

    modica89

    24 HAZİRAN 2007