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

  • Diogo Oliveira

    Diogo Olivei

    4 HAZİRAN 2006
  • kamaniusilelis

    kamaniusilel

    10 HAZİRAN 2011
  • ::..ηєѕѕ мιχ..::

    ::..ηєѕѕ

    15 Aralık 2006