[JavaScript]Wyświetlenie wielkosci pliku

#1 charles110

Nowy Uczestnik

Grupa: Czytelnicy
Postów 1
Rejestracja: 08-listopad 11

Napisano 08 listopad 2011, 13:29

Chce zliczyć i wyswietlic ile wazy dany plik ktory chce dodac. Nie wiem co jest nie tak. Jesli w tej linijce

 

    alert(file.size + sizes); // zamienie sizes na jakis wyraz to wyswietla rozmiar

Ale jak chcialbym miec to wartosc nie w bajtach tylko w zaleznosci od wielkosci zeby sie przeliczalo automatycznie.
Dzieki za pomoc.

 
     
    <html>
    <head>
    <script type="text/javascript">
     
    function GetFileInfo ()
    {
     
    var fileInput = document.getElementById ("fileInput");
    for (var i = 0; i < fileInput.files.length; i++)
    {
    var file = fileInput.files[i];
    var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
    if (file== 0){ return 'n/a';}
    else{
    var i = parseInt(Math.floor(Math.log(file) / Math.log(1024)));
    return (file / Math.pow(1024, i)).toFixed(1) + ' ' + sizes[i];
     
    if ('size' in file) {
    alert(file.size + sizes);
    }
     
     
    if(file.size>22220){
    alert("Niestety przekroczyles limit");
    }else{
    alert("Limit dozwolony");
    }
    }}
    }
    </script>
    </head>
    <body onload="GetFileInfo() ">
    <input type="file" id="fileInput" multiple="multiple" size="60" onchange="GetFileInfo ();" />
    </body>
    </html>

#2 PiKey

Sen wzmacnia, wódka usypia. Wniosek: wódka wzmacnia!

Grupa: Czytelnicy
Postów 265
Rejestracja: 29-grudzień 05

Napisano 13 grudzień 2011, 21:30

Użytkownik charles110 dnia 08 listopad 2011, 13:29 napisał

Chce zliczyć i wyswietlic ile wazy dany plik ktory chce dodac. Nie wiem co jest nie tak. Jesli w tej linijce

 

    alert(file.size + sizes); // zamienie sizes na jakis wyraz to wyswietla rozmiar

Ale jak chcialbym miec to wartosc nie w bajtach tylko w zaleznosci od wielkosci zeby sie przeliczalo automatycznie.
Dzieki za pomoc.

 
     
    <html>
    <head>
    <script type="text/javascript">
     
    function GetFileInfo ()
    {
     
    var fileInput = document.getElementById ("fileInput");
    for (var i = 0; i < fileInput.files.length; i++)
    {
    var file = fileInput.files[i];
    var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
    if (file== 0){ return 'n/a';}
    else{
    var i = parseInt(Math.floor(Math.log(file) / Math.log(1024)));
    return (file / Math.pow(1024, i)).toFixed(1) + ' ' + sizes[i];
     
    if ('size' in file) {
    alert(file.size + sizes);
    }
     
     
    if(file.size>22220){
    alert("Niestety przekroczyles limit");
    }else{
    alert("Limit dozwolony");
    }
    }}
    }
    </script>
    </head>
    <body onload="GetFileInfo() ">
    <input type="file" id="fileInput" multiple="multiple" size="60" onchange="GetFileInfo ();" />
    </body>
    </html>

Nie zrobisz tego samym javascriptem, musisz do tego zaprzężyć PHP, tak więc jeżeli chcesz mieć to w postaci alerta bez przeładowywania strony to musisz się zainteresować Ajax'em.
Plik musi być najpierw przesłany na serwer, dopiero wtedy będzie można sprawdzić jego wielkość.

Istnieje też inne rozwiązanie, którym jest ActiveXObject ale nie polecam tego rozwiązania.