Analisis mendalam tentang penggunaan objek Blob dalam kemahiran tutorial HTML5_html5

Objek Blob dalam HTML5 dan jenis BLOB dalam MYSQL adalah berbeza secara konsep. Jenis BLOB dalam MYSQL hanyalah bekas data binari. Selain menyimpan data binari, objek Blob dalam HTML5 juga boleh menetapkan jenis MINE data ini, yang bersamaan dengan menyimpan fail Banyak objek binari lain juga mewarisi daripada objek ini.
Dalam versi pelayar moden yang sedikit lebih awal, objek Blob ini tidak diseragamkan, jadi ia perlu dibuat menggunakan BlobBuilder atau sebagainya. Tetapi kini Blob telah diseragamkan sehingga ia boleh dibuat secara langsung oleh Blob pembina baharunya, dan hampir semua pelayar sudah menyokong kaedah ini, jadi tidak perlu risau tentang piawaian lama.

Kod CSSSalin kandungan ke papan keratan

1. var data='Kobalt hipokarbonat' ;
2. var blob=new Blob([data],{"type":"text/html" });
3. console.log(blob);

Dengan cara ini, kami mencipta objek Blob Ambil perhatian bahawa parameter pembina Blob adalah satu set data, jadi ia mestilah tatasusunan contoh di atas, nombor mesti digunakan. Parameter kedua ialah atribut konfigurasi objek Blob ini Pada masa ini, hanya terdapat satu jenis, iaitu MIME yang berkaitan, yang perlu ditetapkan Kaedah nilai kunci mungkin untuk pengembangan masa hadapan.
Jadi, apakah gunanya menjadikan data menjadi Blob? Untuk objek Blob, kita boleh mencipta URL untuk mengaksesnya. Gunakan kaedah createObjectURL bagi objek URL.

Kod CSSSalin kandungan ke papan keratan

1. var data='Kobalt hipokarbonat' ;
2. var blob=new Blob([data],{"type":"text/html" });
3. onload=function(){
4. var iframe=document.createElement("iframe");
iframe.
5. src=URL.createObjectURL(blob); document.body.appendChild(iframe);
};

Bukan sahaja teks/html dalam contoh di atas, tetapi sebarang jenis yang disokong oleh penyemak imbas boleh digunakan dengan cara ini. Selain itu, kitaran hayat Blob-URL ini adalah daripada penciptaan kepada keluaran dokumen, yang tidak akan menyebabkan pembaziran sumber.

Blob ialah objek data binari yang sangat asas dalam HTML5 Parameter operasi banyak kaedah menyokong penggunaan Blob. Saya tidak dapat menyenaraikan semuanya. Ringkasnya, hampir semua kaedah yang jenis parameternya adalah sokongan data binari menggunakan Blob sebagai parameter. Oleh itu, menukar data menjadi Blob boleh menjadikan operasi seterusnya lebih mudah.

Kaedah

hiris()

Mengembalikan objek Blob baharu, yang mengandungi data dalam julat yang ditentukan dalam objek Blob sumber.

Kod CSS

Salin kandungan ke papan keratan

Kepingan gumpalan(

1. pilihan mula panjang panjang,
pilihan hujung panjang panjang,
pilihan DOMString contentType
};

5. Parameter
   mula pilihan
   indeks mula, boleh menjadi nombor negatif, sintaksnya serupa dengan kaedah hirisan tatasusunan Nilai lalai ialah 0.
   tamat pilihan
   indeks akhir , boleh menjadi nombor negatif, sintaks adalah serupa dengan kaedah hirisan tatasusunan Nilai lalai ialah indeks terakhir
   contentType pilihan
   jenis MIME bagi objek Blob baharu, nilai ini akan. menjadi atribut jenis bagi Nilai objek Blob baharu, lalai kepada rentetan kosong
   Nilai kembali
   Objek Blob baharu yang mengandungi data dalam julat yang ditentukan dalam objek Blob sumber
   Catatan
   Jika nilai parameter permulaan lebih besar daripada Blob sumber Jika nilai atribut saiz objek masih besar, nilai saiz objek Blob yang dikembalikan ialah 0, bermakna ia tidak mengandungi sebarang data.

   
   BlobPropertyBag

   Objek yang mengandungi dua jenis atribut dan penghujung
   jenis
   menetapkan atribut jenis objek Blob
   penghujung (tidak digunakan)
   sepadan dengan parameter pengakhiran kaedah BlobBuilder.append(). Nilai parameter ini boleh menjadi "telus" atau "asli".
   Contoh penggunaan pembina gumpalan

   Kod berikut:
   

   Kod CSSSalin kandungan ke papan keratan

   1. var aFileParts = ["hey!"];
   2. var oMyBlob = new Blob(aFileParts, { "type" : "text/xml" }) ; // gumpalan

   
   bersamaan dengan:
   

   Kod CSSSalin kandungan ke papan keratan

   1. var oBuilder = BlobBuilder();
   2. var aFileParts = ["hey!" ];
   3. oBuilder.append(aFileParts[0]);
   var oMyBlob = oBuilder.getBlob(
   4. "teks/xml"); // gumpalan
   Antara muka BlobBuilder menyediakan cara lain untuk mencipta objek Blob, tetapi kaedah ini kini sudah lapuk, jadi ia tidak boleh digunakan lagi

   
   Contoh: Buat URL objek menggunakan tatasusunan jenis dan objek Blob

   Kod CSS

   Salin kandungan ke papan keratan

   1. var typedArray = GetTheTypedArraySomehow();
   var blob = new Blob([typedArray], {type:
   2. "application/octet-binary"}); // Lulus dalam jenis MIME yang sesuai
   var
   3. url = URL.createObjectURL(blob); // Akan menjana rentetan URL yang serupa dengan blob:d3958f5c-0777-0845-9dcf-2cb28783acaf
   4. // Anda boleh menggunakannya seperti URL biasa, contohnya pada img.
   src