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

  • George McCarron

    George McCar

    29 Mayıs 2013
  • Kingsimba357

    Kingsimba357

    7 NİSAN 2008
  • LaKe Lightroom Tutorials

    LaKe Lightro

    22 Temmuz 2014