Fileupload loading screen jqueryvel

Fileupload loading screen jqueryvel
2010-10-15T11:35:15+02:00
2010-10-18T14:06:55+02:00
2022-11-19T13:25:46+01:00
tildy
Sziasztok!
Egy filefeltoltot keszitek, de egy kicsit elakadtam.Szeretnek ugyanis egy loading screent, amig a feltoltes zajlik. (jqueryt msot kezdtem tanulni)

Ezt a kodot irtam eddig, de az a bajom, hogy a laoding screen nem mindig latszodik, van mikor igen, van mikor nem.
A feltoltes befejezeset php koddal ellenorzom , lehet ez is baj .

<div class="loading">Uploading...</div> <?php if( $_GET['surveySuccess'] && $_GET['qsid']==intval($survey->questionSetId) ){ ?> <div id="ccm-overlay" style="display: block;"></div> <div class="ccm-dialog-window-wrapper ccm-dialog-window-transparent-form" style="display: block;" > <div style="z-index: 202; margin-left: -245px; width: 595px; margin-top: -245px; display: block;" id="ccm-dialog-window0" class="ccm-dialog-window ui-draggable"> <div id="ccm-dialog-content-wrapper"> <div class="ccm-dialog-content-l"> <div class="ccm-dialog-content-r"> <div style="width: 578px; height: 180px;" id="ccm-dialog-content-form" class="ccm-dialog-content"> <h1><?php echo $survey->thankyouMsg ?></h1> <div style="padding-left:200px;padding-top:30px;"> <a href="#" class="uploadbutton ok" >OK<span></span></a> </div> </div> </div> </div> </div> <div class="ccm-dialog-content-bl"> <div class="ccm-dialog-content-br"> <div class="ccm-dialog-content-b"> </div> </div> </div> </div> </div> <?php }elseif(strlen($formResponse)){ ?> <div id="ccm-overlay" style="display: block;"></div> <div class="ccm-dialog-window-wrapper ccm-dialog-window-transparent-form" style="display: hide;" > <div style="z-index: 202; margin-left: -245px; width: 595px; margin-top: -245px; display: block;" id="ccm-dialog-window0" class="ccm-dialog-window ui-draggable"> <div id="ccm-dialog-content-wrapper"> <div class="ccm-dialog-content-l"> <div class="ccm-dialog-content-r"> <div style="width: 578px; height: 180px;" id="ccm-dialog-content-form" class="ccm-dialog-content"> <h1><?php if ($errors['CompleteRequired']) $errors['CompleteRequired'] = t(" Please select the photobook ZIP file") ; if(is_array($errors) && count($errors)) foreach($errors as $error){ echo $error; } ?></h1> <div style="padding-left:200px;padding-top:30px;"> <a href="#" class="uploadbutton ok" >OK<span></span></a> </div> </div> </div> </div> </div> <div class="ccm-dialog-content-bl"> <div class="ccm-dialog-content-br"> <div class="ccm-dialog-content-b"> </div> </div> </div> </div> </div> <?php } ?>

JQuery code :

<script type="text/javascript" charset="utf-8"> $(function() { $("input[type=file]").filestyle({ image: "/concrete/images/browse_btn.png", imageheight : 30, imagewidth : 120, width : 200 }); $(".loading").css({'display' : 'none'}); $(".required").css({'display' : 'none'}); $(".ok").click(function (){ $("#ccm-overlay").css({'display' : 'none'}); $(".ccm-dialog-window-wrapper").css({'display' : 'none'}); }); $("#uploadbutton").click(function (){ $(".loading").css({'display' : 'block'}); $(".loading").ready(function(){ $(".loading").fadeOut(10000); $("#ccm-overlay").css({'display' : 'none'}); }) }); }); function submitform() { document.uploadform.submit(); } </script>
Mutasd a teljes hozzászólást!
Nos, hogy őszinte legyek a kódod én sem néztem meg, de csak, hogy tisztázzuk a további dolgokat is.
Jquery-vel sem javascript-el nemtudsz file-t feltölteni, mégcsak elindítani sem tudod a file feltöltést ugyanis a javascript-el nemtudsz úgy postolni hogy a php-nak a FILES tömbje megkapja az adatokat. tehát a javascript lejobb tudomásom szerint nemképes ilyenre. lehet trükközni vele, lehet úgy csinálni hogy úgy látszódjon mintha, meglehet csinálni hogy kiejelezze, hogy fájlfeltöltés folyamatban és meglehet jeleníteni a feltöltött fájlt ha sikeres volt a feltöltés és mindenzt természetesen oldal újratöltés nélkül de úgy hogy maga a javascript végezze a feltöltést azt úgy sajnos nem.

[szerk.]
én ilyen típusú feltöltést használok:
katt
Mutasd a teljes hozzászólást!

  • Szia.

    Nem néztem végig a kódodat, mert már ott gond van, hogy a php a szerveren fut, a jquery pedig a kliensen. És a kettő (általában) nem ugyanaz.
    Mutasd a teljes hozzászólást!
  • Tudom, hogy a php szerveroldali , a js, jquery kliens oldali. Valoszinuleg ez a gond, hogy phpval nezem, a feltoltes sikeres volt-e , mikozben lehet jqueryvel kene valahogy posztolnom az adatokat, es ott nezni, hogy sikeres volt-e , stb...

    Csak hogy?!
    ez eddig oke:
    $.post("xy.php", $("#miniSurveyView").serialize());
    Mutasd a teljes hozzászólást!
  • Nos, hogy őszinte legyek a kódod én sem néztem meg, de csak, hogy tisztázzuk a további dolgokat is.
    Jquery-vel sem javascript-el nemtudsz file-t feltölteni, mégcsak elindítani sem tudod a file feltöltést ugyanis a javascript-el nemtudsz úgy postolni hogy a php-nak a FILES tömbje megkapja az adatokat. tehát a javascript lejobb tudomásom szerint nemképes ilyenre. lehet trükközni vele, lehet úgy csinálni hogy úgy látszódjon mintha, meglehet csinálni hogy kiejelezze, hogy fájlfeltöltés folyamatban és meglehet jeleníteni a feltöltött fájlt ha sikeres volt a feltöltés és mindenzt természetesen oldal újratöltés nélkül de úgy hogy maga a javascript végezze a feltöltést azt úgy sajnos nem.

    [szerk.]
    én ilyen típusú feltöltést használok:
    katt
    Mutasd a teljes hozzászólást!
  • Igen, kozben rajottem en is, hogy posttal a file nem fog atmenni. ( mikozben pl. textbox adata atkuldheto.)
    Azt hiszem kenytelen leszek ilyesmit hasznalni.
    Mutasd a teljes hozzászólást!
Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd