学步园

When preparing a multipart/form-data POST with

the Ajax.Request class, prototype messes up the boundary by appending '; charset=' whatever the charset is set to (defaults to utf-8). See Example 1.

In order to fix this, one has to manually set the charset inside the content-type and then disable the charset. See Example 2.

Example 1 (doesn't work) :

new Ajax.Request("http://myTestSite.com/test.php", {
    method: 'post',
    contentType: 'multipart/form-data; boundary=AaB03x',
    postBody: '--AaB03x/r/nContent-Disposition: form-data; name=/"test/"/r/n/r/ntest/r/n--AaB03x--/r/n',
    onSuccess: function(transport) {
        alert(transport.responseText);
    },
    onFailure: function(transport) {
        alert('failure');
    }
});

Example 2 (works) :

new Ajax.Request("http://myTestSite.com/test.php", {
    method: 'post',
    contentType: 'multipart/form-data; charset=UTF-8; boundary=AaB03x',
    encoding: '',
    postBody: '--AaB03x/r/nContent-Disposition: form-data; name=/"test/"/r/n/r/ntest/r/n--AaB03x--/r/n',
    onSuccess: function(transport) {
        alert(transport.responseText);
    },
    onFailure: function(transport) {
        alert('failure');
    }
});

Here is the test.php script:

<?php foreach($_POST as $key => $val) {

echo $key . ": " . $val . "<BR />";

} ?>