Dosya girişi yapan web uygulamaları yazarken, 'n' damgasını kullanmak istedim, ancak sayfada sadece küçük bir dropzone istemedim. Sayfanın herhangi bir yerine bırakabilirsen daha kullanışlı olacağını düşündüm. Neyse ki, window.ondrop olayı sayfanın herhangi bir yerinde patlar, ancak kullanıcıya görsel olarak sürükle/bırakmanın mümkün olduğunu göstermek için bazı fantezi efektler istedim. Tüm sayfa sürükle ve bırak için bir dropzone olarak var
Bunu yapmak için, bütün bu gerekli olduğunu bir dosya penceresine sürüklenen iken algılamak, ve o zaman uygulama sürükle etkin oldu kullanıcıyı gösterdi etkisi tetiklemek için, dışarı sürükledi. Bu sürükleme olaylarının uygun olmadığı ortaya çıkıyor. Kullanıcı sayfaya girdiğinde,window.ondragenter'un yalnızca bir kez tetikleneceğini varsaydım. Sonra pencereden çıktığınızda, window.ondragleave'u tetiklerdi. Yanlış. Fare, sayfadaki alt öğeler üzerinde hareket ederken sürekli ateş ediyor. Olay nesnesinde hangi özelliklerin mevcut olduğuna baktım, ihtiyacım olanı ayırabilecek hiçbir şey bulmaya çalıştım, ancak hiçbir şey işe yaramadı. Elimden gelenin en iyisi body'un arka plan rengini değiştirebildi. Ve sadece sayfada başka bir şey yoksa.
Dosya yükleme sitelerinin tonları doğru çıktı. Örneğin, Imgur ve WeTransfer. Sitelerinin hepsi spahetti kodluydu ve okunamayacakları noktaya sıkıştırıldı ve konuyla ilgili hiçbir şey bulamadım.
Peki bu nasıl yapılabilir?