This translation is incomplete. Please help translate this article from English.
The readAsDataURL
method is used to read the contents of the specified Blob
or File
. When the read operation is finished, the readyState
becomes DONE
, and the loadend
is triggered. At that time, the result
attribute contains the data as a
URL representing the file's data as a base64 encoded string.
Söz dizimi
instanceOfFileReader.readAsDataURL(blob);
Parametreler
Örnek
HTML
<input type="file" onchange="dosyaOnizle()"><br> <img src="" height="200" alt="Resim önizlemesi...">
JavaScript
function dosyaOnizle() { var resim = document.querySelector('img'); var dosyaSecici = document.querySelector('input[type=file]').files[0]; var dosyaOkuyucu = new FileReader(); dosyaOkuyucu.onloadend = function () { resim.src = dosyaOkuyucu.result; } if (dosyaSecici) { dosyaOkuyucu.readAsDataURL(dosyaSecici); } else { resim.src = ""; } }
Canlı Sonuç
FileReader()
nesnesi Internet Explorer 10 altındaki versiyonlarda desteklenmemektedir. Tam uyumlu kod için resim önizlemesi için çapraz platform çözümü'ne bakabilirsiniz. Ayrıca daha güçlü bir örnek çalışmaya da bakmayı unutmayın.Özellikler
Specification | Status | Comment |
---|---|---|
File API The definition of 'FileReader' in that specification. |
Working Draft | Initial definition |
Tarayıcı uyumluluğu
Feature | Firefox (Gecko) | Chrome | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | 3.6 (1.9.2)[1] | 7 | 10[2] | 12.02[3] | 6.0.2 |
Feature | Firefox Mobile (Gecko) | Android | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | 32 | 3 | 10 | 11.5 | 6.1 |
[1] Prior to Gecko 2.0 beta 7 (Firefox 4.0 beta 7), all Blob
parameters below were File
parameters; this has since been updated to match the specification correctly. Prior to Gecko 13.0 (Firefox 13.0 / Thunderbird 13.0 / SeaMonkey 2.10) the FileReader.error
property returned a FileError
object. This interface has been removed and FileReader.error
is now returning the DOMError
object as defined in the latest FileAPI draft.
[2] IE9 has a File API Lab.
[3] Opera has partial support in 11.1.