Yerel dosyaları <input type = "file"> ile okuma?

Question

Mozilla adamlarının bir fotoğrafı bir dropbox'a bıraktığı ve daha sonra tarayıcıda yerel olarak düzenlediği bazı demolar gördüm. Ama şimdi demoyu bulamıyorum ve görüntüleri html'ime yüklemem gerekiyor, daha sonra bunları canvas elementi ile değiştirip sunucuya yükleyeceğim. Bunu yapmanın bir yolu olduğunu düşünüyorum ama iyi bir açıklama bulamıyorum. Temel olarak müşterilerimdeki bir bilgisayara fotoğraf çekmem ve sunucuya dokunmadan bir tuval öğesine eklemem gerekiyor. Herhangi bir yardım takdir edilecektir.

Answer 1

W3C'den (bu Mozilla'nın çok ilgisi vardı) yeni File API ürünüdür.

• HTML5 File API read as text and binary
• Get Image dimensions using Javascript during file upload
• How to know the size of the image to be uploaded with javascript?

O ikincisi, özellikle, gösteriler: Ben yararlı olabilir diğer StackOverflow soruların yanıtları Dosya API birkaç örnek yaptık Yerel bir görüntü dosyasını canvas ile kolayca kullanabileceğiniz bir img öğeye yükleme.

Sürükle ve bırak özelliğini istiyorsanız, HTML5 Drag and Drop stuff; ilgili yazı: Google Turns to HTML5 for Gmail’s New Drag-and-Drop Attachments.