while submitting large files using jquery ajax all input fields get empty on server site php -


i trying send large files server using jquery ajax , formdata. data received if send 7 files 1 mb each, if try send 10 files @ time input field received on server site empty, though input send server. following code file upload.

//php code public function multipleupload()     {         $title = $_post["title"];         $property_id = $_post["propertyid"];         $userid = $_post["userid"];         $albumid = $_post["albumid"];         $profileid = $_post["profile_id"];          if($albumid == "") {             $album = new album;             $album->title = $title;              $album->property_id = $property_id;             $album->user_id = $userid;             $album->profile_id = $profileid;             $album->save();              $albumid = $album->id;             $userid = $album->user_id;             $folder = str_replace(" ","-",$title. '-' . date("y-m-d_his"));             if(!is_dir('uploads/album/'. $folder) || (!is_dir('uploads/album/'. $folder . "/original") && !is_dir('uploads/album/'. $folder . "/thumb"))) {                 mkdir('uploads/album/'. $folder);                 mkdir('uploads/album/'. $folder. "/original");                 mkdir('uploads/album/'. $folder. "/thumb");             }         }         else {             $album = db::table("photo_album")->select('*')->where('album_id', '=', $albumid)->orderby('id','desc')->first();             $folder = $album->file_path;              $album = album::findorfail($albumid);             $album->update(['title' => $title]);              $albumid = $album->id;         }         $filecount = count($_files["finalfiles"]['name']);         $photos = array();         for($i=0; $i < $filecount; $i++) {         if($_post["rmimage"] == "" || !in_array($i,explode(",",$_post["rmimage"]))) {         $imgfile = str_replace(" ","-",pathinfo($_files["finalfiles"]['name'][$i], pathinfo_filename))."-".date("y-m-d_his").".".pathinfo($_files["finalfiles"]['name'][$i], pathinfo_extension);             $target_original_path = 'uploads/album/'. $folder . '/original/' . $imgfile;         $target_thumb_path = 'uploads/album/'. $folder . '/thumb/' . $imgfile;         if(move_uploaded_file($_files['finalfiles']['tmp_name'][$i], $target_original_path))         {             $imagine = new imagine\gd\imagine();              $mode    = imagine\image\imageinterface::thumbnail_inset;              $thumb_size    = new imagine\image\box(100, 100);              $imagine->open($target_original_path)                 ->thumbnail($thumb_size, $mode)                 ->save($target_thumb_path);              $size    = new imagine\image\box(650, 350);              $imagine->open($target_original_path)                 ->thumbnail($size, $mode)                 ->save($target_original_path);                  $filename = $_files["finalfiles"]["name"][$i];                 //$album = album::where('user_id','=',$userid)->orderby('created_at','desc')->first();                 $photo_details = ['album_id' => $albumid,                                    'property_id' => $property_id,                                    'file_name' => $filename,                                    'created_by' => $userid,                                    'updated_by' => $userid,                                    'url' => url::to('/').'/'.$target_original_path,                                    'thumb_url' => url::to('/').'/'.$target_thumb_path,                                    'file_path' => $folder];                 array_push($photos, $photo_details);         }         else         {             echo '{"status":"failure","response":[],"message":"failed upload property image."}';             $status = "failure";          }         }          }        if(count($photos) > 0) {          $albumphoto = photoalbum::insert($photos);       } }    //jquery code $("#photoalbum").click(function() {       if($("#title").val() == '') {        $(".error-title").show();        $(".error-photo").hide();       }       else {         if($("#preview-area ul li").size() == 0) {             $(".error-title").hide();             $(".error-photo").show();         }         else {             $("#photoalbum").attr("disabled", true);             var form = $('form')[0]; // need use standart javascript object here             var formdata = new formdata(form);             $.ajax({               url: "api/multipleupload",               type: "post",               data: formdata,               cache: false,               contenttype: false,               processdata: false,                success: function(result){                 $state.go('albums',{propertyid:  $scope.propertyid});                 toastr.success('album has been added successfully.');               }             });         }       }     });

in past have experienced issues uploading files using jquery ajax , formdata weird outputs in server side (my question).

what solved problem avoiding jquery , take more vanilla approach using xmlhttprequest() so: 

function save(action){     var formelement = document.getelementbyid("form");     var formdata = new formdata(formelement);     formdata.append('_token', $('meta[name="csrf-token"]').attr('content'));      var request = new xmlhttprequest();     request.open("post", "{{url('myurl')}}");     request.send(formdata);      request.onload = function(oevent) {       if (request.status == 200) {         toastr.success('yai! saved successfully!');       } else {         toastr.error('oh oh! went wrong!');       }       $( "#form-wrapper" ).toggleclass( "be-loading-active" );     }; }

and in controller access files in request object: 

public function store(request $request) {     dd($request->nameofinput); }

also, people suggested in comments, if handling large files make sure php parameters configured accordingly in php.ini.

hope helps you.


Comments

Post a Comment

Popular posts from this blog

Is there a better way to structure post methods in Class Based Views -

i'm using class based views in django , never specify url in ajax calls , omit action parameter in form because know these requests go through post method of class based view. notice view - profile page make many requests depending on user updating on page - post method become convoluted , if/else mess example: def post(self, request, *args, **kwargs): # handle user changing available date if request.post.get('availabledate') != none: self.updateavailabledate(request) return jsonresponse({'result':'success'}) if request.post.get('newprojectname') != none: creative_user = creativeuserprofile.objects.get(id = request.user.id) project = project.create_project(creative_user, request.post['newprojectname']) project.save() return jsonresponse({'projectid': project.id }) if request.post.get('projectimage') != none , request.files['file']: proj...
Read more

performance - Why is XCHG reg, reg a 3 micro-op instruction on modern Intel architectures? -

i'm doing micro-optimization on performance critical part of code , came across sequence of instructions (in at&t syntax): add %rax, %rbx mov %rdx, %rax mov %rbx, %rdx i thought had use case xchg allow me shave instruction , write: add %rbx, %rax xchg %rax, %rdx however, dimay found agner fog's instruction tables , xchg 3 micro-op instruction 2 cycle latency on sandy bridge, ivy bridge, broadwell, haswell , skylake. 3 whole micro-ops , 2 cycles of latency! 3 micro-ops throws off 4-1-1-1 cadence , 2 cycle latency makes worse original in best case since last 2 instructions in original might execute in parallel. now... cpu might breaking instruction micro-ops equivalent to: mov %rax, %tmp mov %rdx, %rax mov %tmp, %rdx where tmp anonymous internal register , suppose last 2 micro-ops run in parallel latency 2 cycles. given register renaming occurs on these micro-architectures, though, doesn't make sense me done way. why wouldn't register renamer ...
Read more

c# - Asp.net web api : redirect unauthorized requst to forbidden page -

im trying redirect unauthorized request forbidden page instead i'm getting forbidden page in response body , how can fix ? here's startup class : app.createperowincontext(storecontext.create); app.createperowincontext<applicationusermanager>(applicationusermanager.create); app.createperowincontext<applicationsigninmanager>(applicationsigninmanager.create); app.usecookieauthentication(new cookieauthenticationoptions { authenticationtype = defaultauthenticationtypes.applicationcookie, expiretimespan = timespan.fromdays(30), }); app.useexternalsignincookie(defaultauthenticationtypes.externalcookie); app.usetwofactorsignincookie(defaultauthenticationtypes.twofactorcookie, timespan.fromminutes(5)); app.usetwofactorrememberbrowsercookie(defaultauthenticationtypes.twofactorrememberbrowsercookie); the method im trying reach : [httpget] [authorize(roles = "admin")] public string getcurrentusername() { return userman...
Read more