Previsualizar imagen antes de subirla

yoyoyo82 · #1 (**permalink**) 15/12/2009, 11:10

Buenos dias amigos del foro del web tengo el siguiente problema al seleccionar la imagen desde el boton examinar me muestra un icono en el img en lugar de la imagen a que se debe este error
Asi esta de inicio<p>

<p>
Asi se ve cuando selecicono la imagen desde el diectorio<p>

<P>
Y este es el codigo
<html>
<head>
<title>Previsualización de imagen</title>
<script type="text/javascript">
function cambiarimagen(imagen) {
document.getElementById('capaimagen').innerHTML="< img src='file:///" + imagen + "' />";
}
</script>
</head>

<body>
<p>Selecciona una imagen</p>
<input type="file" onchange="cambiarimagen(this.value)"><br><br>
Vista previa:<br><br>
<div id="capaimagen"><img src="imagen1.jpg"></div>
</body>
</html>
Salu2 y gracias

maue75 · #2 (**permalink**) 15/12/2009, 12:14

Hola Yoyoyo, seguramente estes sufriendo de las nuevas restricciones por temas de seguridad.
Sobre el icono de la imagen que no te muestra, acaso ¿ves en el path la palabra Fakepath?

fijate este link:
http://www.forosdelweb.com/f13/path-...kepath-757668/

También, atención que has posteado en el foro de php, y el código que estás usando es html y javascript.

yoyoyo82 · #3 (**permalink**) 15/12/2009, 13:07

ok lo siento no me percate de ese pequeño detalle supongo que si es algo relacionado con el Fakepath pero no veo esa palabra en el path te refieres a esto

salu2 y gracias

jam1138 · #4 (**permalink**) 15/12/2009, 13:30

Tema movido desde PHP

yoyoyo82 · #5 (**permalink**) 16/12/2009, 12:37

que puede ser?

yoyoyo82 · #6 (**permalink**) 18/12/2009, 16:30

otra pregunta como le hago para poder ver la direccion url de la imagen ya que no la muestra como pueden ver en la imagen de arriba salu2 y gracias

caricatos · #7 (**permalink**) 18/12/2009, 16:39

Hola:

Justamente tenemos en Maestros del web un artículo sobre tu pregunta: Revisar las imágenes antes de subirlas.

Y de lo último que preguntas, ya te lo han dicho... por razones de seguridad, el sistema de archivos del usuario no es accesible. (Y a nadie le importa...)

Saludos

Panino5001 · #8 (**permalink**) 18/12/2009, 16:41

Lo que intentaban decirte en los mensajes anteriores es que, por supuestas razones de seguridad, la mayoría de los navegadores no permiten la previsualización. Para previsualizar es necesario primero subir la imagen al servidor. Esto, en el único navegador que no ocurre es en Firefox. Hasta ahora.
Acá hay varios experimentos y la conclusión es justamente la que te mencioné. Otros navegadores, como verás, permiten previsualizar de manera local solamente:
http://www.forosdelweb.com/f77/image...9/#post3167919

Panino5001 · #9 (**permalink**) 18/12/2009, 16:43

Ja, ja, tendremos que dejar de beber porque estamos chocando seguido, Pepe

yoyoyo82 · #10 (**permalink**) 18/12/2009, 17:08

interesante disculpe caricatos una pregunta he estado como loco buscando esto de previsualizar imagenes mire le voy a explicar mi problema lo que quiero hacer con este codigo que me puso es saber la variable mediante la cual mandar la imagen a un pdf para ello utilizo el tcpdf gracias y saludos

caricatos · #11 (**permalink**) 18/12/2009, 17:14

Cita:

Iniciado por Panino5001

Ja, ja, tendremos que dejar de beber porque estamos chocando seguido, Pepe

¡Je, je!... me pillaste con una copa de tintorro en la mano (de Navarra)...

Saludos

caricatos · #12 (**permalink**) 18/12/2009, 17:26

Cita:

Iniciado por yoyoyo82

interesante disculpe caricatos una pregunta he estado como loco buscando esto de previsualizar imagenes mire le voy a explicar mi problema lo que quiero hacer con este codigo que me puso es saber la variable mediante la cual mandar la imagen a un pdf para ello utilizo el tcpdf gracias y saludos

Hola:

No conozco "tcpdf", pero si se puede hacer con fpdf... pero en mi código no hay mucho truco... simplemente con php cargo el contenido de la imagen y la guardo en una variable de sesión php...

Código:

	$datos_imagen = fread(fopen($datos, "rb"), filesize($datos));
	$_SESSION["cont"] = $datos_imagen;

con versiones más modernas de php se puede usar también file_get-contents...

Saludos

yoyoyo82 · #13 (**permalink**) 18/12/2009, 17:39

ok muchas gracias caricatos pues es muy similar tcpdf a fpdf no hya mucha diferencia la variable que utilizaria seria $_SESSION["cont"] ó $datos_imagen otra pregunta para mandar a llamar esta variable en mi pdf lo hago mediante el metodo post puedo hacer esto $_POST["cont"] , $_POST["datos_imagen"] y para mandar la imagen debe de ser desde la pagina de check form utilizo este codigo
<?
echo "<FORM method='post' action='finiquitopdf.php'>";
echo "<input type='submit' name='submit' value='Obtener Pdf'>";
echo "<input type='text' name='cont' value='$cont' />"; //aca genero tantos hidden como imagenes haya
echo "</FORM>";
?>

caricatos · #14 (**permalink**) 18/12/2009, 17:50

Hola:

¡No, no!... Los datos al tenerlos en una variable de sesión, luego la recuperas en otra sesión... no puedes poner datos binarios en un formulario (aunque pudiera hacerse, no sería aconsejable)...

Por ejemplo, sin un formularios se haría (con php):

header("Content-type: ".mime($tipo));
echo $_SESSION["cont"];

O sea en tu formulario para generar el pdf puedes olvidarte de la imagen...

Saludos

yoyoyo82 · #15 (**permalink**) 18/12/2009, 18:06

Muchas gracias por su ayuda amigo caricatos he puesto esto en check form
<?
echo "<FORM method='post' action='finiquitopdf.php'>";
echo "<input type='submit' name='submit' value='Obtener Pdf'>";
?>
y esto en la pagina donde genero el pdf antes de generar el pdf
header("Content-type: ".mime($tipo));
echo $_SESSION["cont"];
en el pdf
me marca este error
Fatal error: Call to undefined function mime()

caricatos · #16 (**permalink**) 18/12/2009, 18:25

Hola:

Bueno, mime es una funcióna que devuelve el mime-type de la imagen... image/gif, o image/jpeg o image/png...

Si no estás seguro puedes usar el png que para la web está muy bien...

header("Content-type: image/png");

Saludos

yoyoyo82 · #17 (**permalink**) 18/12/2009, 18:48

Perfecto por ultimo yo para mostrar una imagen regularmente lo hago de esta manera en tcpdf
$pdf->SetY(100);
$pdf->SetX(12);
$ee = $_row['cont'];
$pdf->Image($ee,50,37.5);
pongo session en lugar de row
$ee = $_SESSION['cont'];
me marca lo siguiente
<strong>TCPDF ERROR: </strong>[Image] No such file or directory in
por Image ya que me pide imagen desde ruta como le hago para que me imprima la imagen que se llamo en
header("Content-type: ".mime($tipo));
echo $_SESSION["cont"];
aqui
$pdf->SetY(100);
$pdf->SetX(12);
$ee = $_SESSION['cont'];
$pdf->Image($ee,50,37.5);

Muchas gracias

caricatos · #18 (**permalink**) 19/12/2009, 00:17

Hola:

Deberías consiltar la librería, porque si genera un pdf, seguramente tenga su propia cabecera "header()", y no tengas que usar esa línea en tu código... supongo que será application/pdf o text/pdf... lo confirmo en fpdf (el primer ejemplo...)

Por cierto, aquí tienes un ejemplo: Postales

Saludos

yoyoyo82 · #19 (**permalink**) 19/12/2009, 15:49

Excelente ejemplo de las postales no cabe duda que es todo un master señor caricatos ,
no logro entender el metodo que debo de utilizar para recuperar la imagen del form y que me la muestre
este es el codigo de mi pdf
<?
header("Content-type: image/jpeg" );
$_SESSION['cont'];
require_once('eng.php');
require_once('tcpdf.php');

class MYPDF extends TCPDF {
//Page header
public function Header() {
// Logo
$this->Image(K_PATH_IMAGES.'invi.jpg', 145, 7, 25);
// Logo
$this->Image(K_PATH_IMAGES.'Dibujo.jpg', 10, 7, 37);
// Logo
$this->Image(K_PATH_IMAGES.'letr.jpg', 55, 7, 87);
// Set font
$this->SetFont('helvetica', 'B', 7);
// Move to the right
$this->Cell(63);
// Title
$this->Cell(40, 70, '', 100, 30, 8);

//$this->Cell(0, -100, 'Secretaria de Desarrollo Urbano y Vivienda', 135, 5, 10);
// Line break
$this->Ln(20);
}

// Page footer
public function Footer() {
// Position at 1.5 cm from bottom
$this->SetY(-15);
// Set font
$this->SetFont('helvetica', 'I', 8);
// Page number
$this->Cell(0, 10, 'Page '.$this->getAliasNumPage().'/'.$this->getAliasNbPages(), 0, 0, 'C');
}
}

// create new PDF document
$pdf = new MYPDF(PDF_PAGE_ORIENTATION, PDF_UNIT, PDF_PAGE_FORMAT, true, 'UTF-8', false);

// set document information

$pdf->SetCreator(PDF_CREATOR);
$pdf->SetAuthor('Nicola Asuni');
$pdf->SetTitle('TCPDF Example 003');
$pdf->SetSubject('TCPDF Tutorial');
$pdf->SetKeywords('TCPDF, PDF, example, test, guide');

// set default header data
$pdf->SetHeaderData(PDF_HEADER_LOGO, PDF_HEADER_LOGO_WIDTH, PDF_HEADER_TITLE, PDF_HEADER_STRING);

// set header and footer fonts
$pdf->setHeaderFont(Array(PDF_FONT_NAME_MAIN, '', PDF_FONT_SIZE_MAIN));
$pdf->setFooterFont(Array(PDF_FONT_NAME_DATA, '', PDF_FONT_SIZE_DATA));

// set default monospaced font
$pdf->SetDefaultMonospacedFont(PDF_FONT_MONOSPACED);

//set margins

//set auto page breaks
$pdf->SetAutoPageBreak(TRUE, PDF_MARGIN_BOTTOM);

//set image scale factor
$pdf->setImageScale(PDF_IMAGE_SCALE_RATIO);

//set some language-dependent strings
$pdf->setLanguageArray($l);

// ---------------------------------------------------------

// set font
$pdf->SetFont('times', 'BI',10);

// add a page

$pdf->AddPage();

$pdf->SetY(20.2);
$pdf->SetX(75);

$pdf->Cell(50, 1, 'REPORTE FOTOGRAFICO', 0, 0, 'C');

//$pdf->Cell(100, 100, 'Example 002',1 , 20, 10);
$pdf->SetFont('Helvetica', '', 6);
$pdf->SetY(1);
$pdf->SetX(2);
$pdf->Cell(180,190,' ',1,1,'L');
$pdf->SetY(1.1);
$pdf->SetX(2.1);
$pdf->Cell(180,190,' ',1,1,'L');
$pdf->SetY(1.2);
$pdf->SetX(2.2);
$pdf->Cell(180,190,' ',1,1,'L');
$pdf->SetY(1.3);
$pdf->SetX(2.3);
$pdf->Cell(180,190,' ',1,1,'L');
$pdf->SetY(3);
$pdf->SetX(5);
$pdf->Cell(174,187,' ',1,1,'L');

$pdf->SetY(25);
$pdf->SetX(10);
$pdf->Cell(20,4,'Numero de folio: ',1,0,'L');
$pdf->SetY(25);
$pdf->SetX(30);
$pdf->Cell(55,4,' ',1,0,'L');
$pdf->SetY(25);
$pdf->SetX(85);
$pdf->Cell(90,4,'Domicilio: ',1,0,'L');
$pdf->SetY(25);
$pdf->SetX(30);
//Noveno Campo
$pdf->SetFont('Helvetica', '', 6);
$pdf->SetY(29);
$pdf->SetX(10);
$pdf->Cell(165,7,'',1,0,'L');
$pdf->SetY(32);
$pdf->SetX(10);
$pdf->Cell(62,4,'Nombre:',0,0,'L');
$pdf->SetY(32);
$pdf->SetX(110);
$pdf->Cell(62,4,'COL.',0,0,'L');
$pdf->SetY(38);
$pdf->SetX(10);
$pdf->Cell(108,4,'Estado Original del Inmueble: ',1,0,'L');
$pdf->SetY(38);
$pdf->SetX(118);
$pdf->Cell(20,4,'Fecha:',1,0,'C');
$pdf->SetY(38);
$pdf->SetX(138);
$pdf->Cell(37,4,'',1,0,'C');
$pdf->SetY(44);
$pdf->SetX(12);
$pdf->Cell(163,48,'',1,0,'C');
$pdf->SetY(94);
$pdf->SetX(10);
$pdf->Cell(108,4,'Estado Original del Inmueble: ',1,0,'L');
$pdf->SetY(94);
$pdf->SetX(118);
$pdf->Cell(20,4,'Fecha:',1,0,'C');
$pdf->SetY(94);
$pdf->SetX(138);
$pdf->Cell(37,4,'',1,0,'C');
$pdf->SetY(100);
$pdf->SetX(12);

$pdf->Cell(163,48,'',1,0,'C');
$pdf->SetY(100);
$pdf->SetX(12);

$datos_imagen=$_SESSION["cont"] ;
$pdf->Image($datos_imagen,50,37.5);
$pdf->SetY(49);
$pdf->SetX(30);
$pdf->Cell(40,4,'',0,0,'C');
//Primer campo

caricatos · #20 (**permalink**) 19/12/2009, 17:05

Hola:

Justamente la primera línea es la que creo que sobra:

// header("Content-type: image/jpeg" );

De todos modos, parece que vuelve a ser un tema php...

Saludos

yoyoyo82 · #21 (**permalink**) 19/12/2009, 18:48

a ver tengo este codigo para llamar a imprimir mi pdf
<?
echo "<FORM method='get' action='finiquitopdf.php'>";
echo "<input type='submit' name='submit' value='Obtener Pdf'>";

echo "</FORM>";
Que es el codigo que esta en mi respuesta anterior este codigo esta en check_form.php le falta algo para que mande la imagen al pdf?

caricatos · #22 (**permalink**) 20/12/2009, 00:54

Hola:

Vayamos por parte (sabias palabras de Jack), El mensaje inicial se refería a previsualizar imágenes... sería bueno saber si eso te funciona... luego esa imagen (o mejor dicho, su código), queda en la variable de sesión "cont" (viene de contenido)...

O sea que donde debes usarlo es en "finiquitopdf.php"...

Debes considerar que para mostrar la imagen debes poner la cabecera con el mime adecuado, pero si el documento es un pdf, la cabecera debe ser la de los pdf "application/pdf", que la propia librería debería asignar en el método de salida

$pdf->output();// o algo parecido...

Tal vez el fallo esté en que el contenido de la imagen tenga que usarse en alguno de los métodos para generar imagen... imagecreatefronstring(), y luego por ejemplo imagepng();... pero esas cosas deberías consultarlas en la información de la librería...

En fpdf uso:

$imagen = imagecreatefromstring($datosfoto);
ob_start();
imagePng($imagen);
$foto = ob_get_clean();

Y luego

$pdf->MemImage($foto, ...);

Saludos

yoyoyo82 · #23 (**permalink**) 20/12/2009, 10:18

MUchas gracias amigo, si claro que funciona, por lo general utilizo imagenes jpeg ,en este momento estoy checando lo de los metodos que me comenta

parece ser que si acepta los mismos metodos ya que no marca error y los pone en azul a excepcion de este
MemImage($foto)
asi quedo ahora el codigo
<?

$_SESSION['cont'];
$datos_imagen=$_SESSION["cont"] ;
header("Content-type: image/jpeg" );
$datos_imagen = imagecreatefromjpeg($datos_imagen);
ob_start();
imagejpeg($datos_imagen);
$foto = ob_get_clean();
require_once('eng.php');
require_once('tcpdf.php');

//aca genero un string con los ids separados por comas
// Extend the TCPDF class to create custom Header and Footer
class MYPDF extends TCPDF {
//Page header
public function Header() {
// Logo
$this->Image(K_PATH_IMAGES.'invi.jpg', 145, 7, 25);
// Logo
$this->Image(K_PATH_IMAGES.'Dibujo.jpg', 10, 7, 37);
// Logo
$this->Image(K_PATH_IMAGES.'letr.jpg', 55, 7, 87);
// Set font
$this->SetFont('helvetica', 'B', 7);
// Move to the right
$this->Cell(63);
// Title
$this->Cell(40, 70, '', 100, 30, 8);

//$this->Cell(0, -100, 'Secretaria de Desarrollo Urbano y Vivienda', 135, 5, 10);
// Line break
$this->Ln(20);
}

// Page footer
public function Footer() {
// Position at 1.5 cm from bottom
$this->SetY(-15);
// Set font
$this->SetFont('helvetica', 'I', 8);
// Page number
$this->Cell(0, 10, 'Page '.$this->getAliasNumPage().'/'.$this->getAliasNbPages(), 0, 0, 'C');
}
}

// create new PDF document
$pdf = new MYPDF(PDF_PAGE_ORIENTATION, PDF_UNIT, PDF_PAGE_FORMAT, true, 'UTF-8', false);

// set document information

$pdf->SetCreator(PDF_CREATOR);
$pdf->SetAuthor('Nicola Asuni');
$pdf->SetTitle('TCPDF Example 003');
$pdf->SetSubject('TCPDF Tutorial');
$pdf->SetKeywords('TCPDF, PDF, example, test, guide');

// set default header data
$pdf->SetHeaderData(PDF_HEADER_LOGO, PDF_HEADER_LOGO_WIDTH, PDF_HEADER_TITLE, PDF_HEADER_STRING);

// set header and footer fonts
$pdf->setHeaderFont(Array(PDF_FONT_NAME_MAIN, '', PDF_FONT_SIZE_MAIN));
$pdf->setFooterFont(Array(PDF_FONT_NAME_DATA, '', PDF_FONT_SIZE_DATA));

// set default monospaced font
$pdf->SetDefaultMonospacedFont(PDF_FONT_MONOSPACED);

//set margins

//set auto page breaks
$pdf->SetAutoPageBreak(TRUE, PDF_MARGIN_BOTTOM);

//set image scale factor
$pdf->setImageScale(PDF_IMAGE_SCALE_RATIO);

//set some language-dependent strings
$pdf->setLanguageArray($l);

// ---------------------------------------------------------

// set font
$pdf->SetFont('times', 'BI',10);

// add a page

$pdf->AddPage();

$pdf->SetY(20.2);
$pdf->SetX(75);
$pdf->MemImage($foto);
$pdf->Output();
Me marca este error
<b>Fatal error</b>: Call to undefined method MYPDF::MemImage() in <b>D:\AppServ\www\php\Verimagendesdea\finiquitopdf .php</b> on line <b>92</b><br />
gracias y salu2

alguna sugerencia con respecto al metodo que debo usar en lugar de
$pdf->MemImage($foto);

alguna sugerencia respecto al metodo por favor se los agradeceria de antemano

gracias

disculpe amigo caricatos un favor del tamaño del mundo podria ver el codigo fuente de su pdf
en el ejemplo de postales gracias y feliz año nuevo