Avatar billede para7 Nybegynder
05. december 2011 - 14:17 Der er 7 kommentarer og
1 løsning

Upload indikator til SimpelImage

Jeg bruger en kode fx hundet her:
http://www.white-hat-web-design.co.uk/blog/resizing-images-with-php/

Og så indsætter jeg den på en upload side:

include('SimpleImage.php');
$image = new SimpleImage();
$image->load($_FILES["uploaded_image"]["tmp_name"]);
$imageH = 480;
$image->resizeToHeight($imageH);
$image_upload_path = "assets/gallery/test.jpg";
$image->save($image_upload_path);

Jeg ville gerne indtegrere en indikator/progress bar for upload. Nogen der har en ide?
Avatar billede olebole Juniormester
05. december 2011 - 15:18 #1
<ole>

En effektiv uploadindikator kan du kun lave med XMLHttpRequest Level 2 objektet - når det engang bliver tilstrækkeligt udbredt.

Der har været forsøgt lavet nogle kluntede forsøg på en indikator til almindelig formupload, men de performer elendigt og giver blot længere ventetid for brugeren ... hvori han altså så kan forlyste sig med at kikke på en animeret bar  :o|

/mvh
</bole>
Avatar billede para7 Nybegynder
05. december 2011 - 15:55 #2
OK, men det er nu også tilstrækkeligt. Har googlet på muligheder, men de ser ud til at give hovedbrud og tage mange timer. Jeg har bare brug for en animeret cirkel af en art der er ret stor og tydelig, så man kan se at man stadig skal vente til man er færdig.
Avatar billede para7 Nybegynder
05. december 2011 - 15:57 #3
Har prøvet med denne side upload funktion, men den ser ikke ud til at virke andet end på sider der loader på anden måde:

<BODY onLoad="init()">
<div id="loading" style="position:absolute; width:100%; text-align:center; top:300px;z-index:7000"><img src="../loading.gif" border=0></div>
<script>
var ld=(document.all);

var ns4=document.layers;
var ns6=document.getElementById&&!document.all;
var ie4=document.all;

if (ns4)
    ld=document.loading;
else if (ns6)
    ld=document.getElementById("loading").style;
else if (ie4)
    ld=document.all.loading.style;

function init()
{
if(ns4){ld.visibility="hidden";}
else if (ns6||ie4) ld.display="none";
}
</script>
Avatar billede para7 Nybegynder
14. december 2011 - 11:57 #4
Nå, jeg fandt da noget brugbart enkelt som virker efter hensigten:

<script language="javascript">
function showit()
{
loading.style.display="";
setTimeout('document.form1.submit()',4000);
}
</script>

<div id="loading" style="display:none; position:absolute; border:1px solid #44c; margin-top:<?php echo $loading_topmargin?>; margin-left:15px; width:390px; padding:10px; text-align:center; top:300px; background:#99c; color:#44c">
Avatar billede para7 Nybegynder
14. december 2011 - 12:00 #5
Lukker, tak for hjælp, selvom jeg selv fandt det...
Avatar billede para7 Nybegynder
14. december 2011 - 12:00 #6
Lukker...
Avatar billede olebole Juniormester
14. december 2011 - 15:52 #7
Undskyld, men det, du viser i #4, har da intet at gøre med det, du efterlyser i spørgsmålet. Det script, du viser, gemmer et i forvejen gemt element - og venter 4 sekunder, hvorefter det submitter en form.

Som jeg læser spørgsmålet, efterlyser du noget, som viser et element samtidig med at formen submittes - og gemmer elementet, når upload er gennemført
Avatar billede para7 Nybegynder
14. december 2011 - 18:01 #8
Ja, der ser sådan ud. Kan ikke lige gennemskue det, men det virkede altså faktisk perfekt, da jeg test uploadede, men må nok revidere det, hvis kunden køber den forbedring.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester