File upload with jquery form plugin

Question

i have a form with input type="file". it submits using ajax (plugin jquery form). Server returns json response. There are html tags in json data:

{"logs":"<span>vfdvf<\/span>","errors":"<span><\/span>"}

but when plugin gets this response it transferred in

{"logs":"<span>vfdvf&lt;\/span&gt;","errors":"<span>&lt;\/span&gt;"}</span></span>

it is not correnct json. How can i fix it? If there is no input type="file" element in form, all works fine.

Here is JS

$('#edit_ext_table_form').ajaxForm({
    dataType: 'html',
    success: function(responseText) {
        console.log(responseText);
    },
    error: function(request) {
        var responseText=request.responseText;
        console.log(responseText);
    }
}

Here is PHP

$a = array(
    'logs' => '<span>vfdvf</span>', 
    'errors' => '<span></span>',
);
exit(json_encode($a));

kmcc049 · Accepted Answer · 2011-09-01 07:42:07Z

1

You cannot submit a file via ajax, Html 5 has much better file upload capabilities. But in older browsers its not possible. Not sure if thats exactly what is breaking your json, but your end goal is unachievable.

answered Sep 1, 2011 at 7:42

kmcc049

2,80119 silver badges13 bronze badges

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

2 Comments

Ildar Over a year ago

i was wrong, it is iframe. "ajax form plugin" uploads files using iframe

kmcc049 Over a year ago

yes thats one of the accepted standard hacks for doing an ajax file upload you put the input type = file in an iframe and then when the user clicks upload you use javascript to submit the form in the iframe which is around your file input

Ryker.Wang · Accepted Answer · 2011-09-01 07:48:31Z

1

maby you can try json dataType.

Try

$('#edit_ext_table_form').ajaxForm({
dataType: 'json',
success: function(result) {
    console.log(result.logs);
    console.log(result.errors);
},
failure: function(result) {
    console.log(result.logs);
    console.log(result.errors);
}});

answered Sep 1, 2011 at 7:48

Ryker.Wang

7971 gold badge9 silver badges18 bronze badges

1 Comment

Ildar Over a year ago

there is the same response. if dataType json then calls function failure bacause it is not correct json

Ildar · Accepted Answer · 2011-09-03 08:15:27Z

1

Helps

json_encode($a, JSON_HEX_TAG)

answered Sep 3, 2011 at 8:15

Ildar

7962 gold badges15 silver badges36 bronze badges

Collectives™ on Stack Overflow

File upload with jquery form plugin

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related