Rumah  >  Artikel  >  hujung hadapan web  >  Analisis ringkas penukaran antara base64 dan imej dalam JS (dengan kod)

Analisis ringkas penukaran antara base64 dan imej dalam JS (dengan kod)

奋力向前
奋力向前ke hadapan
2021-09-01 17:14:314117semak imbas

Dalam artikel sebelumnya "Pemasangan dan penggunaan parsing mysql (Koleksi) ", kami mengetahui tentang pemasangan dan penggunaan mysql. Artikel berikut akan membantu anda memahami penukaran bersama antara base64 dan imej dalam JS Ia mempunyai nilai rujukan tertentu. Rakan yang memerlukan saya harap ia akan membantu anda.

Analisis ringkas penukaran antara base64 dan imej dalam JS (dengan kod)

Apabila saya menggunakan apicloud untuk menulis APP hari ini, saya menghadapi masalah base64 memindahkan gambar dan memaparkannya terus pada halaman semasa, kerana Saya telah menggunakan modul " trans", kerana mengetahui bahawa modul ini boleh menukar imej kepada dan daripada base64 format

, jadi saya menggunakan modul trans tanpa berfikir, tetapi kemudian saya mendapati bahawa saya boleh' t dapatkan penukaran Untuk menyimpan laluan imej dalam modul trans, gunakan fs:// , atau anda boleh memilih untuk menyimpan imej ke album sistem

Maafkan saya kerana kekurangan pengetahuan saya 'Tidak tahu cara mendapatkan laluan fs:// , dan kemudian biarkan pengguna melakukannya secara manual Terlalu menyusahkan untuk memilih gambar untuk album

Kemudian saya sedar, bukankah tag img boleh mengenali secara langsung. aksara base64 dan menukarnya menjadi gambar? ...

Analisis ringkas penukaran antara base64 dan imej dalam JS (dengan kod)

Hei, pembangunan saya masih terlalu bergantung pada rangka kerja, modul, pemalam, dsb., dan saya tidak ingat banyak perkara asli

Anda mesti ingat ini untuk pembangunan masa hadapan, saya lampirkan JSinterconversionbase64 dan gambar

js menukar gambar kepada base64.

var img = "imgurl";//imgurl 就是你的图片路径 
 
function getBase64Image(img) { 
     var canvas = document.createElement("canvas"); 
     canvas.width = img.width; 
     canvas.height = img.height; 
     var ctx = canvas.getContext("2d"); 
     ctx.drawImage(img, 0, 0, img.width, img.height); 
     var ext = img.src.substring(img.src.lastIndexOf(".")+1).toLowerCase(); 
     var dataURL = canvas.toDataURL("image/"+ext); 
     return dataURL; 
} 
 
var image = new Image(); 
image.src = img; 
image.onload = function(){ 
  var base64 = getBase64Image(image); 
  console.log(base64); 
}

js. menukar base64 ke dalam format gambar. >tutorial video js

Atas ialah kandungan terperinci Analisis ringkas penukaran antara base64 dan imej dalam JS (dengan kod). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:cnblogs.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam