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ı
- http://caniuse.com/#feat=canvas
IE10 (IE10 sadece aynı menşei görüntüleri ile çalışır)
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ÅŸ:
AYNI ETÄ°KETTEKÄ° VÄ°DEOLAR
YORUMLAR
SPONSOR VÄ°DEO
Rastgele Yazarlar
-
ChasesAndCra
31 Temmuz 2009 -
erikbjgn's c
12 Mayıs 2008 -
Rozetked | Ð
5 AÄžUSTOS 2011
Nasıl Base64 dize içine bir görüntü dö...
Nasıl bir İmageView bunu göstermek içi...
Nasıl bir dize JavaScript kullanarak b...
Nasıl dize dönüştürmek için javascript...
Nasıl kullanarak/Catch olmadan bir diz...