php - Encountering an endless loop on an ajax function with no obvious loop -


i have file input declared follows:

<input id = "front_photo" type = "file" name = "front_photo" onchange = "send_photo()" />

the function calls declared follows:

function send_photo () {     var fileinput = document.getelementbyid('front_photo');     var file = fileinput.files[0];     var formdata = new formdata();     formdata.append('front_photo', file);     console.log("in");      var ajaxhandler = new xmlhttprequest();      ajaxhandler.onreadystatechange = function ()     {         if(ajaxhandler.readystate == 4)         {             var picture_box = document.getelementbyid("polaroids_holder");              var adder = document.getelementbyid("add_polaroid");              var new_pic = document.createelement("div");              new_pic.classname = "polaroid";              new_pic.style.backgroundimage = "url('/assets/img/temp_front/"+ajaxhandler.responsetext+"')";              picture_box.insertbefore(new_pic, adder);              send_photo();         }     }      ajaxhandler.open('post', 'upload_polaroid', true);     ajaxhandler.send(formdata); }

selecting file upload once causes go endless loops. "in" have there @ top piling in console log, i'm sure it's function being called repeatedly , not server side redirect. also, images being created on server. here's php that:

function upload_polaroid ()     {         if(isset($_files['front_photo']))         {             $format = explode(".", $_files["front_photo"]["name"]);             $format = $format[1];             $filename = md5(mt_rand().microtime(true)).".".$format;             $allowedtypes = array("image/tiff", "image/gif", "image/jpeg", "image/png", "image/x-bmp", "image/x-ms-bmp", ".bmp", ".dib", "image/vnd.microsoft.icon", "image/x-xbitmap", "image/x-xbm", ".xbm", ".cur");              if(in_array($_files["front_photo"]["type"], $allowedtypes))             {                 if(file_exists(getcwd()."/assets/img/temp_front/".$filename))                  {                     chmod(getcwd()."/assets/img/temp_front/".$filename,0755);                     unlink(getcwd()."/assets/img/temp_front/".$filename);                 }                  move_uploaded_file($_files["front_photo"]["tmp_name"], getcwd()."/assets/img/temp_front/".$filename);                 $image_path = "/assets/img/temp_front/".$filename;                 echo $image_path;             }             else             {                 echo "file not of valid image type."; die;             }         }         else             die; //var_dump($_files);     }

what going wrong here?

when ajax request successful code calls send_photo(); fires ajax request , calls send_photo(); method again when successful. causing code recursive. 

function send_photo () {     var fileinput = document.getelementbyid('front_photo');     var file = fileinput.files[0];     var formdata = new formdata();     formdata.append('front_photo', file);     console.log("in");      var ajaxhandler = new xmlhttprequest();      ajaxhandler.onreadystatechange = function ()     {         if(ajaxhandler.readystate == 4)         {             var picture_box = document.getelementbyid("polaroids_holder");              var adder = document.getelementbyid("add_polaroid");              var new_pic = document.createelement("div");              new_pic.classname = "polaroid";              new_pic.style.backgroundimage = "url('/assets/img/temp_front/"+ajaxhandler.responsetext+"')";              picture_box.insertbefore(new_pic, adder);              /***********************************************/             send_photo();  //this making code recursive         }     }      ajaxhandler.open('post', 'upload_polaroid', true);     ajaxhandler.send(formdata); }

Comments

Post a Comment

Popular posts from this blog

Change php variable from jquery value using ajax (same page) -

what i'm trying this: i've php global variable $currentid , simple jquery script check if there "id" (page) in hash of url , if yes wanted give value $currentid . i've been reading lot , notice shall use ajax i'm not managing it. my code is: <script type="text/javascript"> $(document).ready(function(){ if (parent.location.hash != '' ) { var thecurrentid = parent.location.hash.split('#')[1]; $.ajax({ url: 'my.php', //current page type: 'post', data: {theid: thecurrentid }, datatype: 'json', success: function () { } }); } // code here }); </script> could me please? thank in advance. php server side language, meaning once has sent data browser, php variables , data cannot changed... however, using ajax, can send request php page , change data in dom based on result. consider th...
Read more

Pull out data related to my apps from Android Play Store and iOS App Store -

i want pull out data related apps (ratings, reviews, etc) google play store , apple app store ? how can accomplish ? i have found open source apis google mentioned not reliable. also there paid apis (e.g. appfigures) available. has idea how able pull data these play stores ?? i looking direction on how can accomplish this. can suggest ? we (appfigures) have been working on developing infrastructure give ability reviews , bunch of other data points major app stores several years :] we make available via our api though may want check out.
Read more

How can I fetch data from a web server in an android application? -

i want retrieve data web server in android application, , don't know begin. should use web services? i recommend these tutorials: connect android php , mysql , json in android , php , mysqli i used these tutorials , managed trying working without difficulty. between them describe each step in how attempting @ each stage, android application, database , web server side , has information included can process , use received information the thing add connect android php , mysql tutorial makes use of mysql_ in php deprecated. better use mysqli why included third link. the basic outline of want this: 1) in android app make request server php script using class this: import java.io.bufferedreader; import java.io.ioexception; import java.io.inputstream; import java.io.inputstreamreader; import java.io.unsupportedencodingexception; import java.util.list; import org.apache.http.httpentity; import org.apache.http.httpresponse; import org.apache.http.namevaluepair...
Read more