PHP - Guardar imagen de portapapeles en archivo

   
Vista:

Guardar imagen de portapapeles en archivo

Publicado por Pablo Pinedo (13 intervenciones) el 28/12/2015 21:46:32
Saludos.

Mi problema radica en lo siguiente necesito capturar una imagen de la pantalla en cualquier momento y mostrarla en mi formulario php (esto ya esta logrado... segun lo que pude ver por medio de jquery) ahora el segundo paso es el que me esta sacando de cuadro y no se como hacerlo necesito esa imagen guardarla ya sea en un archivo o en la tabla. por favor necesito su apoyo

copio las lineas del programa.

Saludos y Gracias

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<html>
	<head>
		<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
		<script>
		  $(document).ready(function() {
			window.addEventListener("paste",processEvent);
			function processEvent(e) {
				for (var i = 0 ; i < e.clipboardData.items.length ; i++) {
					// Obtengo la imagen del Portapapeles
					var clipboardItem = e.clipboardData.items[i];
					var type = clipboardItem.type;
 
					// Verificar si es una imagen
					if (type.indexOf("image") != -1) {
						// Obtenemos el contenido de la imagen BLOB
						var blob = clipboardItem.getAsFile();
						var blobUrl = window.webkitURL.createObjectURL(blob);
						var img = $("<img/>");
							img.attr("src",blobUrl);
							console.log("blob", blob);
						// Creamos la URL del Objeto
						var blobUrl = URL.createObjectURL(blob);
						console.log("blobUrl", blobUrl);
						// Agregamos la captura a la imagen
						document.getElementsByTagName("img")[0].setAttribute("src", blobUrl);
					} else {
						console.log("Not supported: " + type);
					}
 
				}
			}
    	});
		</script>
	</head>
	<body>
		<form>
			<table border="1px">
				<tr>
					<td>Nombre de Usuario</td>
					<td>
						<input type="text" id="txtnombre" size="60">
					</td>
					<td>Fecha de la Ocurrencia</td>
					<td>
						<input type="date" id="txtfecha">
					</td>
				</tr>
				<tr>
					<td>Titulo del Problema</td>
					<td colspan="3">
						<input type="text" id="txttitulo"  size="105">
					</td>
				</tr>
				<tr>
					<td>Descripci&oacute;n del problema</td>
					<th colspan="3">
						<textarea cols="107" rows="5"></textarea>
					</th>
				</tr>
				<tr>
					<td>Captura de Imagen<br>[Ctrl + V]</td>
					<td colspan="3">
						<img width="320" height="240" ></img>
					</td>
				</tr>
 
			</table>
		</form>
	</body>
</html>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

Guardar imagen de portapapeles en archivo

Publicado por xve (5513 intervenciones) el 29/12/2015 09:47:10
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar