Seria posible poner un cargador cuando hago un upload sin componentes?

haven · #1 (**permalink**) 24/08/2004, 03:59

Bien tengo un upload, sencillito que me sube el archivo y despues me muestra la imagen del archivo, su nombre y su tamaña, ahora bien, mientras el fichero se esta subiendo, es como si se habria colgado la página poruqe no se ve ningún movimiento, sería posible hacer una estimación de lo que puede tardar en subir el fichero?, seria coger el tamaño del fichero a subir y la velocidad de subida del archivo y calcular con esos datos la estimacion, eso es posible??

Un saludo

yomesmo · #2 (**permalink**) 24/08/2004, 04:12

Bueno, yo utilizo esto y es cojonudo, pruébalo seguro que cubre tus expectativas de sobra:

Debes crear una página que es el popup con este código:

Nota: Crea un par de imágenes para la barra de desplazamiento que se va moviendo mientras se carga la imágen.

Y en el formualrio donde pones la action:

<form onSubmit="checkFileUpload(this,showProgressWindow( 'showProgress.html',300,300);return document.MM_returnValue;">

<HTML>
<HEAD>
<TITLE>Progress Bar</TITLE>
<SCRIPT LANGUAGE="JavaScript">
var intCounter = 0;
var Timer1;
function init() {
document.images[0].src = "alsblank.gif";
document.images[1].src = "alsblank.gif";
document.images[2].src = "alsblank.gif";
document.images[3].src = "alsblank.gif";
document.images[4].src = "alsblank.gif";
document.images[5].src = "alsblank.gif";
document.images[6].src = "alsblank.gif";
document.images[7].src = "alsblank.gif";
document.images[8].src = "alsblank.gif";
document.images[9].src = "alsblank.gif";
document.images[10].src = "alsblank.gif";
document.images[11].src = "alsblank.gif";
document.images[12].src = "alsblank.gif";
document.images[13].src = "alsblank.gif";
document.images[14].src = "alsblank.gif";
document.images[15].src = "alsblank.gif";
document.images[16].src = "alsblank.gif";
document.images[17].src = "alsblank.gif";
document.images[18].src = "alsblank.gif";
document.images[19].src = "alsblank.gif";

intCounter=0;
setTimeout("PBar();",100);
}
function PBar() {
if (intCounter == 21) {
Completed();
}
if (intCounter < 21) {
document.images[intCounter].src = "alsblue.gif";
document.Form1.PERCENT.value = intCounter;
//document.Form1.STARTER.value = eval(intCounter * 5) + " Percent Done";
intCounter++;
Timer1 = setTimeout("PBar()",50);
}
}
function Completed() {
document.Form1.PERCENT.value = "xx";
//document.Form1.STARTER.value = "Completed.";
setTimeout("Proceed()", 500);
}
function Proceed() {
alert("Completed.\nYou can add code in the Proceed() function to redirect the browser or do whatever.\nThis will add a neat effect while a graphics are loading, etcetera.");
}
</SCRIPT>
</HEAD>
<BODY BGCOLOR="#FFFFFF" onLoad="init()">
<p align="center">Se está subiendo el fichero, por favor espere un poco...</p>
<p align="center">Gracias!!</p>
<CENTER>
<BR><BR><BR><BR><BR><BR>
<TABLE BORDER=1 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD>
<IMG SRC="alsblank.gif" name="1" HEIGHT=10 WIDTH=10 HSPACE=0><IMG SRC="alsblank.gif" name="2" HEIGHT=10 WIDTH=10 HSPACE=0><IMG SRC="alsblank.gif" name="3" HEIGHT=10 WIDTH=10 HSPACE=0><IMG SRC="alsblank.gif" name="4" HEIGHT=10 WIDTH=10 HSPACE=0><IMG SRC="alsblank.gif" name="5" HEIGHT=10 WIDTH=10 HSPACE=0><IMG SRC="alsblank.gif" name="6" HEIGHT=10 WIDTH=10 HSPACE=0><IMG SRC="alsblank.gif" name="7" HEIGHT=10 WIDTH=10 HSPACE=0><IMG SRC="alsblank.gif" name="8" HEIGHT=10 WIDTH=10 HSPACE=0><IMG SRC="alsblank.gif" name="9" HEIGHT=10 WIDTH=10 HSPACE=0><IMG SRC="alsblank.gif" name="10" HEIGHT=10 WIDTH=10 HSPACE=0><IMG SRC="alsblank.gif" name="11" HEIGHT=10 WIDTH=10 HSPACE=0><IMG SRC="alsblank.gif" name="12" HEIGHT=10 WIDTH=10 HSPACE=0><IMG SRC="alsblank.gif" name="13" HEIGHT=10 WIDTH=10 HSPACE=0><IMG SRC="alsblank.gif" name="14" HEIGHT=10 WIDTH=10 HSPACE=0><IMG SRC="alsblank.gif" name="15" HEIGHT=10 WIDTH=10 HSPACE=0><IMG SRC="alsblank.gif" name="16" HEIGHT=10 WIDTH=10 HSPACE=0><IMG SRC="alsblank.gif" name="17" HEIGHT=10 WIDTH=10 HSPACE=0><IMG SRC="alsblank.gif" name="18" HEIGHT=10 WIDTH=10 HSPACE=0><IMG SRC="alsblank.gif" name="19" HEIGHT=10 WIDTH=10 HSPACE=0><IMG SRC="alsblank.gif" name="20" HEIGHT=10 WIDTH=10 HSPACE=0>
</TD>
</TR>
</TABLE>
<FORM NAME="Form1">
<INPUT TYPE="TEXT" SIZE="2" NAME="PERCENT"><BR>
</FORM>
</CENTER>
</BODY>
</HTML>

haven · #3 (**permalink**) 24/08/2004, 05:06

Graicas yomesmo, por tu rápida respuesta, aunque por lo que veo creo que usas el componente Pure ASP no es así?, yo en este código no utilizo componentes, el único componente que tengo instalado en el servidor para hacer upload es el aspSmartUpload, estoy bucando haber si con este componente se puede hacer eso que comento.

Un saludo

yomesmo · #4 (**permalink**) 24/08/2004, 06:13

Bueno, en realidad el Pure ASP no es ningún componente, es un sistema para subir ficheros en puro ASP. Yo no utilizo ningún componente desde hace mucho tiempo. Tanto para subir fotos, como para redimensionarlas o generar thumbnail al vuelo o en fichero.

Lo que te he pasado es un programita en java script que lo que hace es crear una barra con una imágen que dura mientrás se está efectuando el upload de la imágen o el archivo, una vez ha finalizado el upload la ventana se cierra automaticamente y así el usuario sabe que se está efectuando la subida del fichero.

Salu2

haven · #5 (**permalink**) 24/08/2004, 06:50

es verdad yomesmo, je, no es un componente, te lo comentaba más que todo por este código:

<form onSubmit="checkFileUpload(this,showProgressWindow( 'showProgr ess.html',300,300);return document.MM_returnValue;">

creo que el checkFileUpload, es una utilidad propia del pure asp, voy a investigar lo del pure asp, y haber si lo puedo utilizar en vez del upload que le e puesto ahora.

Un saludo

haven · #6 (**permalink**) 25/08/2004, 01:03

Para quien necesite el Pure ASP, puede bajar de aqui los códigos de ejemplo, incluido uno, con barra de progreso.

Pure ASP

Un saludo

arlin · #7 (**permalink**) 25/08/2004, 16:53

Como haces modificar imagenes al vuelo sin componente??? tienes ejemplos de codigos en ese archivo de PURE ASP???

yomesmo · #8 (**permalink**) 25/08/2004, 17:08

Puedes descargarte toda una aplicación para generar una galería de fotos, incluido el código para generar los thumbnails:

http://www.iloire.com/vbscript/onlin...g_vbscript.asp