Då är det nummer 4 du är ute efter. Alltså att det blir en URL av den färdiga placeringen av bilden.
På en webbserver så finns det en intern sökväg och en extern sökväg.
Den interna sökvägen är i en Windowsbaserad miljö, exempelvis: file://C:/Webb/bilder/bild.jpg
Den externa sökvägen är en virtuell sökväg som bestäms av webbservern med hänsyn till din virtuella mapp. Den kan vara som du säger, "http://webbsida.se/bilder/bild.jpg". Båda av dessa sökvägarna är korrekta men bara den externa kan man komma åt utifrån den interna gäller från samma system/lokalt.
Jag är inte så insatt i hur API:t fungerar och vad man måste göra för att lägga till det på "korrekt" sätt.
För att lösa det lite snabbt så kan du ju skriva den relativa sökvägen till mappen med hänsyn till din domän och konkatenera detta med filnamnet.
Ex:
Denna kod (som börjar på rad 14 i tutorialn)
uploadFinished:function(i,file,response){
$.data(file).addClass('done');
// response is the JSON object that post_file.php returns
},
...kan du ändra till:
var uploadPath = "uploads/";
uploadFinished:function(i,file,response){
$.data(file).addClass('done');
alert(window.location.host + "/" + uploadPath + file.name);
// response is the JSON object that post_file.php returns
},
Här ser du även varför detta inte är den bästa varianten. Om du skulle ändra "$upload_dir"-variabeln i PHP så måste du ändra Javascriptvariabeln "uploadPath" också. Det bästa är om PHP hade returnerat den korrekta URL:en på en gång. Om inte detta duger så kan jag fixa det. Det kräver aningen mer kod.