HTML5 membaca fail tempatan contoh kod_html5 kemahiran tutorial

Gaya struktur html adalah seperti berikut:

Salin kod

Kodnya adalah seperti berikut:

Tambah gambar

Dari segi gaya, kotak input elemen input tidak sepatutnya dipaparkan elemen butang Hanya kemudian butang itu boleh diklik untuk memuat naik imej . Tetapkan diterima kepada "imej/*" untuk membenarkan hanya fail imej dimuat naik.

Gaya css adalah seperti berikut

Salin kod

Kodnya adalah seperti berikut:

.addpic{
posisi:relatif;
margin-left:100px;
lebar:95px; >latar belakang: tiada ulang tatal 0 0 rgba(0, 0, 0, 0); 🎜>kanan: 0 ;
atas: 0;
z-index: 10;
}


kod js





Salin kod

Kod adalah seperti berikut:

function readFiles(evt){

var files=evt.target.files; jika(!files){ console.log("fail itu tidak sah"); kembali; ]; i ){ var imgele=new Image();

var thesrc=window.URL.createObjectURL(fail); {

$("#showlogo ").attr("src",this.src);

}
}
}







Salin kod


Kod adalah seperti berikut:


$(document).ready(function(){

$("#logoimg").change(function(e ){
readFiles(e)
});