Hola a todos
No supe donde poner este tema pues la aplicacion de facebook que estoy haciendo usa javascript como php. Pero bueno explicare mejor el problema.
Veran tecnicamente la aplicacion ya esta terminada aqui esta por si gustan hecharle un vistazo :
[URL="https://apps.facebook.com/kitsupervivenciacrea/"]https://apps.facebook.com/kitsupervivenciacrea/[/URL]
pero ocurrio un detalle con los exploradores de internet explorer y safari y es que la aplicacion tiene un boton para publicar la imagen del collage de la aplicacion y funciona perfectamente en todos los navegadores a excepcion de lo 2 antes mencionados.
dejo aqui el codigo donde esta la interface del boton.
Javascript
:
Código:
jQuery.noConflict();
jQuery(function(){
// Get Canvas element
var canvas= jQuery("canvas")[0];
// Create new Image object
// Convert DataURL to Blob object
function dataURLtoBlob(dataURL) {
// Decode the dataURL
var binary = atob(dataURL.split(',')[1]);
// Create 8-bit unsigned array
var array = [];
for(var i = 0; i < binary.length; i++) {
array.push(binary.charCodeAt(i));
}
// Return our Blob object
return new Blob([new Uint8Array(array)], {type: 'image/png'});
}
// Send IT
jQuery("#upCanvas").live("click", function(){
jQuery("#upCanvas").html("<img src='img/load.gif' alt='load'> Publicando");
// Convert Canvas DataURL
var dataURL= canvas.toDataURL();
// Get Our File
var file= dataURLtoBlob(dataURL);
// Create new form data
var fd = new FormData();
// Append our image
fd.append("imageNameHere", file);
jQuery.ajax({
url: "uploadFile.php",
type: "POST",
data: fd,
processData: false,
contentType: false,
}).done(function(respond){
jQuery("#upCanvas").html("<script>window.location = 'generacion.php'; </script>");
//$(".return-data").html("Uploaded Canvas image link: <a href="+respond+">"+respond+"</a>").hide().fadeIn("fast");
});
});
});
PHP:
Código:
<?php
session_start();
if(isset($_FILES["imageNameHere"]) && !empty($_FILES["imageNameHere"])) {
$name= 'canvas/'.$_SESSION['user'].'.png';
if(file_exists($name))
{
unlink($name);
}
move_uploaded_file($_FILES["imageNameHere"]['tmp_name'], $name);
echo $name;
}
?>
Cabe mencionar que antes de que funcionara tenia muchos probelmas con el jquery que hacia que me publicara la aplicacion asi que use el noConflict();
Alguna idea de que pueda estar pasando.
Gracias de antemano.