Отправить GET или POST запросом base64 из Javascript в PHP?

Question

[chincharovpc]

Есть Строка полученная с помощью функции
reader.readAsDataURL(blob)
размер где-то 500кб


Мне нужно отправить эту строку с помощью API из JS в PHP с помощью XMLHttpRequest.
Все уже готово, кроме того, что это строка не передается(видимо объем большой)

Строки меньшего размера передаются

Как мне передать ее?

Comments

[ThunderCat]

код в студию, что и как вы там передаете... И да, гет имеет ограничение на размер строки.

[chincharovpc]

ThunderCat,

function createDownloadLink(blob, encoding) {
    var reader = new FileReader();
    reader.readAsDataURL(blob)
    reader.onloadend = function () {
        var base64data = reader.result;


        var data = null;
        var xhr = new XMLHttpRequest();
        xhr.withCredentials = true;

        var param = base64data.slice(base64data.indexOf(',') + 1);

        console.log(param);
        xhr.open("GET", "search3.php?action="+param);
        xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
        xhr.send(null);

        xhr.addEventListener("readystatechange", function () {
            if (this.readyState === 4) {
                console.log(this.responseText);
            }
        });

        //document.getElementById('pppp').textContent=url;
    }
}

Нельзя как-то убрать ограничение?

API работает, если отправить мелкую строку

[ThunderCat]

pakhrudin, можно, попросите ietf консорциум изменить ограничение на отправку в урл в 2048 символа, правда придется подождать пару лет и не факт что примут. Или пользуйтесь пацанским post.

[chincharovpc]

ThunderCat, т.е. если POST, то не будет ругаться на объем?

[ThunderCat]

pakhrudin, на объем не будет.

Answer 1

[xmoonlight]

В два шага (экономнее!):
1. https://github.com/eligrey/FileSaver.js/
2. https://stackoverflow.com/questions/23511792/attac...

Можно в один:

var xhr = new XMLHttpRequest();
xhr.open('POST', 'someURLForTheUpload', true); //my url had the ID of the item that the blob corresponded to
xhr.responseType = 'Blob';
xhr.setRequestHeader("x-csrf-token",csrf); //if you are doing CSRF stuff
xhr.onload = function(e) { /*irrelevant code*/ };
xhr.send(blob);