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

  • ethr95awd

    ethr95awd

    8 Kasım 2006
  • MrExcite96

    MrExcite96

    17 ŞUBAT 2011
  • PamtheBlamofficial

    PamtheBlamof

    31 Aralık 2010