この記事では、バイナリ データを IndexedDB に効率的に挿入するための包括的なガイドを提供します。バイナリ データを配列バッファに変換し、オブジェクト ストア、トランザクション、オブジェクトを作成し、オブジェクトを設定するための手順を段階的に説明します
IndexedDB はバイナリ データを含むさまざまな種類のデータを保存するために使用できる強力なデータ ストレージ API。バイナリ データを IndexedDB に効率的に挿入するには、次の手順に従います。
1.バイナリ データを配列バッファに変換します: IndexedDB は ArrayBuffer オブジェクトで動作するため、最初にバイナリ データを配列バッファに変換する必要があります。この目的には、ArrayBuffer.from()
メソッドを使用できます。ArrayBuffer.from()
method for this purpose.
2. Create a new IndexedDB object store: An object store is a container for data in IndexedDB. You need to create a new object store to store your binary data.
3. Create a new IndexedDB transaction: A transaction is a unit of work in IndexedDB. You need to create a new transaction to insert your binary data.
4. Create a new IndexedDB object: An object is a representation of a record in IndexedDB. You need to create a new object to store your binary data.
5. Set the value of the object to the array buffer: The value of an object can be set to an array buffer. Set the value of your object to the array buffer that you created in step 1.
6. Add the object to the object store: Add the object to the object store that you created in step 2.
7. Commit the transaction: Once you have added the object to the object store, you need to commit the transaction to save the changes.
Example:
<code class="js">// Create an array buffer from binary data const buffer = ArrayBuffer.from(binaryData); // Create a new object store const store = db.createObjectStore("myBinaryData", { keyPath: "id", autoIncrement: true }); // Create a transaction const transaction = db.transaction(["myBinaryData"], "readwrite"); // Create a new object const object = transaction.objectStore("myBinaryData").create({}); // Set the value of the object to the array buffer object.value = buffer; // Add the object to the object store transaction.objectStore("myBinaryData").add(object); // Commit the transaction transaction.commit();</code>
Yes, you can use IndexedDB to store images as binary objects. To store an image as a binary object in IndexedDB, follow these steps:
1. Read the image file as an array buffer: Use the FileReader
2.新しい IndexedDB オブジェクト ストアを作成します: オブジェクト ストアは、IndexedDB 内のデータのコンテナです。バイナリ データを保存するには、新しいオブジェクト ストアを作成する必要があります。
3.新しい IndexedDB トランザクションを作成します: トランザクションは IndexedDB の作業単位です。バイナリ データを挿入するには、新しいトランザクションを作成する必要があります。
5.オブジェクトの値を配列バッファーに設定します:
オブジェクトの値を配列バッファーに設定できます。オブジェクトの値をステップ 1.6 で作成した配列バッファーに設定します。オブジェクトをオブジェクト ストアに追加します。
ステップ 2.で作成したオブジェクト ストアにオブジェクトを追加します。7。トランザクションをコミットします:
オブジェクトをオブジェクト ストアに追加したら、変更を保存するためにトランザクションをコミットする必要があります。例:
🎜rrreee🎜 IndexedDB を使用して画像をバイナリ オブジェクトとして保存できますか?🎜🎜🎜はい、IndexedDB を使用して画像をバイナリ オブジェクトとして保存できます。🎜 画像をバイナリ オブジェクトとして IndexedDB に保存するには、次の手順に従います。🎜🎜🎜1.画像ファイルを配列バッファとして読み取ります。🎜FileReader
API を使用して、画像ファイルを配列バッファとして読み取ります。🎜🎜🎜2.配列バッファーを Base64 文字列に変換します。🎜 IndexedDB は配列バッファーの直接保存をサポートしていません。配列バッファーを IndexedDB に保存する前に、base64 文字列に変換する必要があります。🎜🎜🎜3. Base64 文字列を IndexedDB に挿入します:🎜 前のセクションで説明した手順を使用して、Base64 文字列を IndexedDB に挿入します。🎜🎜 IndexedDB にバイナリ データを保存する場合の制限は何ですか?🎜🎜🎜 IndexedDB にバイナリ データを保存するには、いくつかの制限があります。 🎜🎜🎜🎜1.サイズ制限:🎜 IndexedDB には、データベースごとに 2^31-1 バイトのサイズ制限があります。これは、1 つの IndexedDB データベースに 2 GB を超えるバイナリ データを保存できないことを意味します。🎜🎜🎜2.パフォーマンス:🎜 IndexedDB へのバイナリ データの保存は、文字列や数値などの他の種類のデータを保存するよりも遅くなる可能性があります。これは、IndexedDB がバイナリ データを保存する前に、バイナリ データを Base64 文字列に変換する必要があり、時間がかかるプロセスであるためです。🎜🎜🎜3.互換性:🎜 IndexedDB はすべてのブラウザーでサポートされているわけではありません。これは、すべてのブラウザーで IndexedDB を使用してバイナリ データを保存できるわけではないことを意味します。🎜以上がインデックスデータベース挿入バイナリの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。