Saya baru sahaja menemui konsep imej sebaris Walaupun fail imej dikodkan ke dalam base64 untuk imej sebaris, lihat kod di bawah untuk melihat masalah sebaris
Ia boleh mengurangkan permintaan http, tetapi kelemahannya ialah ia tidak boleh dicache merentas domain!
Kemudian bagaimana untuk menukar gambar kepada base64 dalam talian
Jika anda hanya bergantung pada javascript mudah, terdapat js dengan isu kebenaran tidak membenarkan operasi pada fail atau folder tempatan atas sebab keselamatan
Sekarang HTML5 ada di sini, terdapat banyak maklumat tentang Baidu, termasuk dokumen Cina dan w3c http:/ /www. w3.org/TR/FileAPI/
Sekarang kita menggunakan fungsi readAsDataURL dalam api fail html5 Ini ialah fungsi yang menukarkan fail kepada pengekodan base64
document.getElementById("demo_input") ;
var result= document.getElementById("result");
var img_area = document.getElementById("img_area"); = 'undefined' ){
result.innerHTML = "Maaf, penyemak imbas anda tidak menyokong FileReader, sila gunakan penyemak imbas moden! ";
input.setAttribute( 'disabled','disabled' );
} else {
input.addEventListener( 'change',readFile,false );}
}
function readFile (){
fail var = this.files[0];
//Di sini kami menilai jenisnya Jika ia bukan imej, kembalikan dan alih keluarnya, kemudian anda boleh memuat naik sebarang fail
jika (!/image/w /.test (file.type)){
alert("Sila pastikan fail adalah daripada jenis imej");
kembali palsu; new FileReader();
reader.readAsDataURL( file);
reader.onload = function(e){
result.innerHTML = '
';
img_area.innerHTML = 'Paparan teg img imej:
';
}
}
sdgsdg" id="demo_input" />
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
