Trouble sending image data to php file using ajax

» php » Trouble sending image data to php file using ajax

By : user3042265

Date : November 27 2020, 05:23 PM

I think the issue was by ths following , A good way to send a file to the server in js is to use the formData: follow this https://developer.mozilla.org/en-US/docs/Web/API/FormData/Using_FormData_Objects
when you make

code :

<?php
if (isset($_POST['upload'])) {

$target = "images/".basename($_FILES['image']['name']);
$image = $_FILES['image']['name'];

}

var form = $('form.img-form')[0];
var formData = new FormData(form);

var formData = new FormData();
formData.append('size', '1000000');
//Attach file
formData.append('image', $('input[type=file]')[0].files[0]);

$.ajax({
    url: 'includes/profile/set_image.php',
    type: 'POST',
    data: formData,
    success: function(data) {
        console.log("successful image update");
    },
    error: function(requestObject, error, errorThrown) {
        console.log(error);
        console.log(errorThrown);
    }
});

Share :

Sending image data over AJAX from jquery

By : MaJinliang

Date : March 29 2020, 07:55 AM

hope this fix your issue The problem turned out to be the same described (and solved) in this posting:
Blob data replace '+' with space

trouble sending modal form contents to PHP file with AJAX and Jquery

By : dude

Date : March 29 2020, 07:55 AM

help you fix your problem I looked through your code and found quite a few errors.
In your test.php change the Submit button from a button to an actual submit button.

code :

  <input id="addBandSubmit" type="submit" class="btn btn-primary pull-right">Submit</input>

     $("#addBandForm").submit(function(event) {
      event.preventDefault();
       $.ajax({
         url: "womhScripts/addBand.php",
         type: "POST",
         data: $('#addBandForm').serialize(),
         success: function(msg) {
           $("#thanks").html(msg);
           $("#bandModal").modal('hide');
         },
         error:function(errMsg) {
           console.log(errMsg);
        }
       });
     });

echo "<span class='label label-info' >your message has been submitted .. Thanks you</span>";

Rails trouble sending AJAX data to controller

By : Raji

Date : March 29 2020, 07:55 AM

I wish this helpful for you I'm a AJAX rookie, so bear with me. I'm trying to send data from a chat-message box to two places -- the actual chat box and to a rails method. That way I can display the meesage, and also store the message in my DB.

code :

$.ajax({
  url : "/messages", //by rails convention doing a post simply to '/messages' should be handled by create action
  method : "post",
  data : { data_value: x },
  dataType : "json", //this might be wrong?
  success: function(response){
    //do something,maybe notify user successfully posted their message
  },
  error: function(error){
    console.log(error);
  }
});

def create
  //save message
  @message.save!
  respond_to do |format|
    format.json { json: @message.as_json }
  end
end

Trouble with Sending and Taking Data from Api, (with Ajax) /jQuery)

By : Mauro Poblete

Date : March 29 2020, 07:55 AM

like below fixes the issue Need help to take data from this api;https://fcc-weather-api.glitch.me/... , This code can help you:

code :

fetch('https://fcc-weather-api.glitch.me/api/current?lat=35&lon=139')
            .then((response) => response.json()).
            .then((data) => /* data is the object u need */)