Hallöle zusammen,
und noch ein Problem, bei dem ich eure Hilfe brauchen kann…
und zwar… ich habe einen ajax Bild-Upload in mein Frontend eingebaut.
… nun möchte ich, dass meine Bilder in meinem eigenen “Popup” auftauchen… so weit so gut. Bis hier hin funktioniert eigentlich auch alles … nun … in meinem Browser-Test habe ich erschreckend festgestellt, dass ich im Safari nur beim “first load” ein Bild angezeigt bekomme… “refreshe” ich meine Seite wird mir statt des Bildes ein blaues Fragezeichen angezeigt… und dann ist auch schon vorbei… egal wie oft ich dann die Seite neu lade, ich bekomme immer das selbe zu sehen.
könnt es euch ja gerne mal ansehen.
Wie gesagt, das Problem besteht nur im Safari Browser.
Hier der Link dazu
Myzamboo.ch
Fehler tritt auf bei “IN DEN WARENKORB”, "HERUNTERLADEN"
und bei “AUF FACEBOOK TEILEN”
Ich wäre euch sehr dankbar wenn ihr mir da helfen könnt.
Damit auch wirklich alles da ist, gebe ich euch mal hier noch den Code dazu
$('#facebook_button').click(function(){
initLoader2();
/* initColorChange("#"+$(this).attr("id")+""); */
canvas.deactivateAll().renderAll();
var dataURL = canvas.toDataURLWithMultiplier('image/jpeg',3, 1);
var blob = dataURItoBlob(dataURL);
var fd = new FormData(document.forms[0]);
fd.append("imageNameHere", blob);
$.ajax({
url: "http://www.myzamboo.ch/imageloader/loader/uploadFile.php",
type: "POST",
data: fd,
processData: false,
contentType: false,
})
.done(function(respond){
if(locat_i4){
var overlayimage = "apple_iphone4_over";
var back_image = "apple_iphone4";
} else {
if(locat_i5 && headline_i5){
var overlayimage = "apple_iphone5_over";
var back_image = "apple_iphone5";
} else {
if(locat_sg3){
var overlayimage = "samsung_galaxy_s3_over";
var back_image = "samsung_galaxy_s3";
} else {
if(locat_sg4){
var overlayimage = "Samsung_Galaxy_S4_overlay";
var back_image = "samsung_galaxy_s4";
} else {
if(locat_atv){
var overlayimage = "apple_tv_over";
var back_image = "apple_tv";
} else {
if(locat_ip3){
var overlayimage = "apple_ipad_over";
var back_image = "apple_ipad";
} else {
if(locat_htco){
var overlayimage = "htc_one_over";
var back_image = "htc_one";
} else {
if(locat_sonxtab){
var overlayimage = "sony_xperiaz_tablet_over";
var back_image = "sony_xperiaz_tablet";
} else {
if(locat_bbz10){
var overlayimage = "blackberry_z10_over";
var back_image = "blackberry_z10";
} else {
if(locat_noklum925){
var overlayimage = "nokia_lumia_925_over";
var back_image = "nokia_lumia_925";
} else {
if(locat_sonxpho){
var overlayimage = "sony_xperiaz_over";
var back_image = "sony_xperiaz";
}else{
if(locat_ipm){
var overlayimage = "apple_ipad_mini_over";
var back_image = "apple_ipad_mini";
}else{
if(locat_i5c){
var overlayimage = "apple_iphone5_click_over";
var back_image = "apple_iphone5_click";
}
}
}
}
}
}
}
}
}
}
}
}
}
canvas2.clear()
fabric.Image.fromURL("http://www.myzamboo.ch/imageloader/phones/"+ back_image +".jpg" , function(images2) {
images2.set({
height: canvas2.height,
width: canvas2.width,
left: canvas2.width / 2,
top: canvas2.height / 2,
});
canvas2.add(images2);
$("#image_basket").attr("src","http://www.myzamboo.ch/imageloader/loader/"+respond);
fabric.Image.fromURL($("#image_basket").attr("src"), function(images) {
images.set({
height: canvas.height,
width: canvas.width,
left: canvas.width / 2 + difference_w,
top: canvas.height / 2 + difference_h,
});
canvas2.add(images);
fabric.Image.fromURL("http://www.myzamboo.ch/imageloader/phones/"+ overlayimage +".png" , function(images1) {
images1.set({
height: canvas2.height,
width: canvas2.width,
left: canvas2.width / 2,
top: canvas2.height / 2,
});
canvas2.add(images1);
var dataURL = canvas2.toDataURLWithMultiplier('image/jpeg',3, 1);
var blob = dataURItoBlob(dataURL);
var fd = new FormData(document.forms[0]);
fd.append("imageNameHere", blob);
$.ajax({
url: "http://www.myzamboo.ch/imageloader/loader/uploadFile.php",
type: "POST",
data: fd,
processData: false,
contentType: false,
})
.done(function(respond){
/* stopAnimation("#facebook_button") */
$( ".progressbar2" ).hide()
$("#image_basket_fb").attr("src","http://www.myzamboo.ch/imageloader/loader/"+respond);
$('.chooseYesNoPopUp_fb').fadeIn(1);
$('.chooseYesNoPopUp_transparent_fb').fadeIn(1);
$('.button_holder_fb').fadeIn();
$('.button_holder_yes_no_fb').fadeIn();
$('.close_Pop').fadeIn(800);
})
});
});
});
});
});
Wie immer danke ich vielmals im Voraus
Mit freundlichen Grüssen
Webdesigner_AT