Foros del Web » Programando para Internet » PHP »

[SOLUCIONADO] Subir Imagen

Estas en el tema de Subir Imagen en el foro de PHP en Foros del Web. Hola chico@s ! disculpen estoy usando un editor WYSIWYG donde subo una imagen, y enseguida se ve mediante JQUERY. al ver el codigo aparece algo ...
  #1 (permalink)  
Antiguo 24/07/2017, 17:12
 
Fecha de Ingreso: agosto-2011
Mensajes: 87
Antigüedad: 12 años, 8 meses
Puntos: 3
Subir Imagen

Hola chico@s !

disculpen estoy usando un editor WYSIWYG donde subo una imagen, y enseguida se ve mediante JQUERY.

al ver el codigo aparece algo como esto:

Código HTML:
<img src="data:image/jpeg;base64,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" data-filename="371a3c75e5f56e9368fd5e69b81f293b.jpg" style="width: 236px;"> 
bueno la cuestion es que esta todo fino, pero me surge la duda y el problema de como subir esa imagen mediante PHP y tambien, como editaria todo ese texto aleatorio para que una vez mi imagen este en el servidor aparezca donde debe.

no se si me explique

DUDAS:

1. Subir Imagen
2. Sustituir el codigo de arriba por la direccion de mi imagen subida

USO el Editor WYSIWYG SUMMERNOTE
__________________
No le pare bola a la vida, que la vida no le para bolas a uno!
  #2 (permalink)  
Antiguo 24/07/2017, 19:00
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 10.106
Antigüedad: 15 años, 8 meses
Puntos: 2237
Respuesta: Subir Imagen

En la documentación mencionan el uso de API's y hay un ejemplo de cómo subir imágenes, solo necesitas adaptarlo: http://summernote.org/deep-dive/#insertion-api
__________________
- León, Guanajuato
- GV-Foto
  #3 (permalink)  
Antiguo 26/07/2017, 11:19
 
Fecha de Ingreso: agosto-2011
Mensajes: 87
Antigüedad: 12 años, 8 meses
Puntos: 3
Respuesta: Subir Imagen

Gracias Triby, siempre tan atento.

te informo, ya habia leido esa documentación, pero la unica idea que se me viene a la cabeza, es subir mi imagen al servidor a alguna carpeta tmp y de ahi devolver, la direccion relativa de la imagen y llamar la funcion de summernote personalizada.

crees que haya otra solucion ? es decir subir la imagen solo despues de enviar todo el formulario escrito y personalizado ?

porque he imprimido la variable $_FILES y solo contiene la ultima imagene insertada en el formulario
__________________
No le pare bola a la vida, que la vida no le para bolas a uno!
  #4 (permalink)  
Antiguo 26/07/2017, 11:25
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 10.106
Antigüedad: 15 años, 8 meses
Puntos: 2237
Respuesta: Subir Imagen

Precisamente, para eso se usan los callbacks, en este caso, onimageupload

En esa sección hay un enlace a https://github.com/summernote/summernote/issues/72 donde un usuario muestra cómo subir a un servicio de amazon y, más abajo, hay un ejemplo para subir la imagen con PHP.
__________________
- León, Guanajuato
- GV-Foto
  #5 (permalink)  
Antiguo 26/07/2017, 11:41
 
Fecha de Ingreso: agosto-2011
Mensajes: 87
Antigüedad: 12 años, 8 meses
Puntos: 3
Respuesta: Subir Imagen

Listo ! me habia entretenido leyendo los codigos de arriba detalladamente y no habia bajado al comentario donde pone dinamicamente el ejemplo jajaja

GRACIAS GRACIAS nuevamente
__________________
No le pare bola a la vida, que la vida no le para bolas a uno!

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:23.