Как получить двоичные данные из файла blob?

Question

[Hfnas]

Как посредством яваскрипт можно получить двоичные данные из файла?

blob:http://127.0.0.1:85/b2997ee2-4619-4b13-a2eb-a70b6aaf70b8

Форму я отправлять не хочу, я записываю в переменную урл ("url": url), и отправляю на сервер переменную state.

setImages(state, [image, e]){
        const file=e.target.files[0];
        const url=URL.createObjectURL(file);

        const reader = new FileReader();
         reader.onloadend = function() {
             base64String = reader.result;
         }
        reader.readAsDataURL(file);
        console.log(base64String));    //как получить base64String?

        state.images[image.id].file={"name": file.name, "size": file.size, "type": file.type, "tmp_name": file.tmp_name, "error": file.error, "url": url};
   
}

Мне нужно получить содержимое на стороне php в виде

"iVBORw0KGgoAAAANSUhEUgAAASwAAAEsCAYAAAB5fY51AAAD7GlDQ1BpY2MAAHjajZTPbxRlGMc/u/POrAk4B1MBi8GJP4CQQrZgkAZBd7vLtlDLZtti25iY7ezb3bHT2fGd2fIjPXHRG6h/gIocPJh4MsFfES7AQQMJQUNsSEw4lPgjRBIuhtTDTHcHaMX39Mzzfp/v9/s875OBzOdV33fTFsx6oaqU8tb4xKSVuUGaZ1hDN2uqduDnyuUhgKrvuzxy7v1MCuDa9pXv//OsqcnAhtQTQLMW2LOQOga6a/sqBOMWsOdo6IeQeRboUuMTk5DJAl31KC4AXVNRPA50qdFKP2RcwLQb1Rpk5oGeqUS+nogjDwB0laQnlWNblVLeKqvmtOPKhN3HXP/PM+u2lvU2AWuDmZFDwFZIHWuogUocf2JXiyPAi5C67If5CrAZUn+0ZsZywDZIPzWtDoxF+PSrJxqjbwLrIF1zwsHROH/Cmxo+HNWmz8w0D1VizGU76J8Enof0zYYcHIr8aNRkoQj0gLap0RqI+bWDwdxIcZnnRKN/OOLR1DvVg2WgG7T3VbNyOPKsnZFuqRLxaxf9sBx70BY9d3go4hSmDIojy/mwMToQ1YrdoRqNa8XktHNgMMbP+255KPImzqpWZSzGXK2qYiniEX9Lbyzm1DfUqoVDwA7Q93MkVUXSZAqJjcd9LCqUyGPho2gyjYNLCYmHROGknmQGZxVcGYmK4w6ijsRjEYWDvQomUrgdY5pivciKXSIr9oohsU/sEX1Y4jXxutgvCiIr+sTedm05oW9R53ab511aSCwqHCF/uru1taN3Ur3t2FdO3XmguvmIZ7nsJzkBAmbayO3J/i/Nf7ehw3FdnHvr2tpL8xx+3Hz1W/qifl2/pd/QFzoI/Vd9QV/Qb5DDxaWOZBaJg4ckSDhI9nABl5AqLr/h0UzgHlCc9k53d27sK6fuyPeG7w1zsqeTzf6S/TN7Pftp9mz294emvOKUtI+0r7Tvta+1b7QfsbTz2gXtB+2i9qX2beKtVt+P9tuTS3Qr8VactcQ18+ZG8wWzYD5nvmQOdfjM9WavOWBuMQvmxva7JfWSvThM4LanurJWhBvDw+EoEkVAFReP4w/tf1wtNoleMfjQ1u4Re0XbpVE0CkYOy9hm9Bm9xkEj1/FnbDEKRp+xxSg+sHX2Kh3IBCrZ53amkATMoHCYQ+ISIEN5LATob/rHlVNvhNbObPYVK+f7rrQGPXtHj1V1XUs59UYYWEoGUs3J2g7GJyat6Bd9t0IKSK270smFb8C+v0C72slNtuCLANa/3Mlt7YanP4Zzu+2Wmov/+anUTxBM79oZfa3Ng35zaenuZsh8CPc/WFr658zS0v3PQFuA8+6/WQBxeNN..."

Comments

[Виктор]

Форму я отправлять не хочу

а зря

[Hfnas]

Виктор,а без отправки формы нельзя получить двоичное содержимое файла?

[IvanU7n]

1. зачем читать из урла, тем более blob:, который живет исключительно в браузере, когда есть Blob.arrayBuffer()
2. а вот преобразовывать полученный ArrayBuffer в base64 нужно будет самостоятельно, т.к. btoa() не принимает ArrayBuffer напрямую, так что или правильно конвертировать его в строку и скармливать btoa(), или найти/написать преобразовалку из ArrayBuffer в base64, но ИМХО проще таки форму отослать

[Hfnas]

IvanU7n, благодарю за ответ.
Делаю

const file=e.target.files[0];
console.log(file. arrayBuffer())

ничего не выводит.....

[IvanU7n]

Hfnas, если "ничего не выводит", то вероятно этот кусок кода не выполняется

Answer 1

[Виктор]

https://learn.javascript.ru/file

Comments

[Hfnas]

Виктор,

<script>
const reader = new FileReader();
         reader.onloadend = function() {
             base64String = reader.result;
         }
        reader.readAsDataURL(file);
        console.log(base64String));    //как получить base64String?
</script>

Вопрос, как получить reader.result в переменную?

[Виктор]

Hfnas, может reader.onload, а не onloaded? И console.log туда переместить

const reader = new FileReader();
reader.onload = function() {
    base64String = reader.result;
    console.log(base64String));
}
reader.readAsDataURL(file);