Post HTML and JavaScript data to php file

Question

i have a form with one file input and a submit button, The action attribute of the form set to 'upload.php' where i have my php script to rename the file and save it to a specific folder, But also i need some javascript variables for resizing and cropping the uploaded image. What is the best way to send them both at the same time to be used by php script.

Thanks you very much..

this is javascript code:

    $('.upload_form').submit(function(){
  var crop_position_top = $('.crop_div').position().top;
  var crop_position_left = $('.crop_div').position().left;
  var img_position_top = $('.upload_preview').position().top;
  var img_position_left = $('.upload_preview').position().left;

  var crop_start_x = img_position_left - crop_position_left;
  var crop_start_y = img_position_top - crop_position_top;

  var crop_tool_width = $('.crop_div').width();
  var crop_tool_height = $('.crop_div').height();

  var img_name = $('.upload_img_input').val();
  $.post("upload.php", {start_x: crop_start_x, start_y: crop_start_y, crop_width: crop_tool_width, crop_height:crop_tool_height});

});

Will you please provide some example code to investigate this issue ? — Ankit Doshi
– Ankit Doshi, Commented Sep 10, 2016 at 4:13
May be below link will help you out stackoverflow.com/questions/2434458/… — Ankit Doshi
– Ankit Doshi, Commented Sep 10, 2016 at 4:16
@AnkitDoshi that's my js code i used, when i try to echo the posted js values it says Undefined indexes, while the file is posted successfully. — Omar Alhadidy
– Omar Alhadidy, Commented Sep 10, 2016 at 4:28

urstrulyani · Accepted Answer · 2016-09-10 04:21:03Z

1

You can add hidden input such as

And you can dynamically allocate value using javascript based on your action

answered Sep 10, 2016 at 4:21

urstrulyani

665 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Post HTML and JavaScript data to php file

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related