How to use JQuery post method

Question

$.post('image.php', {
    image:form.image.value  
}


<form id="form" enctype="multipart/form-data">
<input type="file" id="image" name="image"/>

PHP->isset($_FILES['file'])

How to use $.post() to post $_FILES inside of form tag?
Do I still need include enctype or do I need use AJAX, and how can I do that?

@picios It's not impossible, anymore. But, is limited to [modern browsers](http://caniuse.com/#feat=fileapi). — Jonathan Lonowski, Aug 08 '13 at 13:31
@Jonathan Lonowski yes, but if you're developer, you don't want to do such things — picios, Aug 08 '13 at 13:33
i have email and password need to check and post back, hmm... this is going to be hard — Ben, Aug 08 '13 at 13:33
thx a lot! let me read that post and think how can I achieve this — Ben, Aug 08 '13 at 13:37

Artek Wisniewski · Accepted Answer · 2013-08-08T13:43:46.827

7

Use jQuery form plugin to AJAX submit the form with files. http://malsup.com/jquery/form/

In JS

$('#form').ajaxSubmit({
 success: function(response) {
  console.log(response);
 } 
});

in PHP

// after doing upload work etc

header('Content-type: text/json');
echo json_encode(['message' => 'Some message or param whatever']);
die();

edited Aug 08 '13 at 13:43

answered Aug 08 '13 at 13:37

Artek Wisniewski

if i use plug in, how to post message back from php? – Ben Aug 08 '13 at 13:39
1

It's treated as a normal AJAX call - I'll edit the answer to show you how – Artek Wisniewski Aug 08 '13 at 13:40
thx a lot! let me try it – Ben Aug 08 '13 at 13:45

score 0 · Answer 2 · edited May 23 '17 at 12:17

0

Just submit the form!

$('form#form').submit();

For AJAX Upload read this answer

edited May 23 '17 at 12:17

Community

answered Aug 08 '13 at 13:33

Fabian Horlacher

he's talking about ajax post – picios Aug 08 '13 at 13:37
Maybe after changing his question. Thanks for downvote. – Fabian Horlacher Aug 08 '13 at 13:39

2 Answers2