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
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ó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
0
