Skip to content

Instantly share code, notes, and snippets.

@Akifcan
Created July 7, 2021 18:39
Show Gist options
  • Save Akifcan/759c74cf94638e18f716f2d1c3dd1e99 to your computer and use it in GitHub Desktop.
Save Akifcan/759c74cf94638e18f716f2d1c3dd1e99 to your computer and use it in GitHub Desktop.
add to indexedb
document.getElementById('second').addEventListener('submit', e => {
e.preventDefault()
const fileName = document.getElementById('filename').value //text değerimizi aldık
const file = document.getElementById('file').files[0] //dosyamızı File Objemizi aldık
var request = window.indexedDB.open("file", 1); //veritabanımızı açıyoruz
request.onsuccess = function (event) {
var db = event.target.result; //veritabanımız başarılı bir şekilde açıldı
var objectStore = db.transaction('photos', 'readwrite').objectStore('photos') //Tablomuzu seçtik. Yukarıda bahsettiğim gibi transaction fonksiyonunu indexedb de sürekli kullanıyoruz. Transaction işlemini yapacağımız objectStore ve daha sonra ekleme yapacağımız objectStoreyi seçiyoruz.
objectStore.put({ fileName, file }).onsuccess = function () {
console.log('ok!');//verilerimizi kayıt ettiğimizde çalışacak fonksiyonumuz aynı şekilde onerror eventini yakalayabilirsiniz.
}
}
})
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment