При загрузке документов с использованием BLOB через FormData произошла некрасивая полезная нагрузка

Question

Я добавляю BLOB в FormData, как,

const formData = new FormData();
formData.append('xyz', blob);

При загрузке этого большого двоичного объекта следует следующая уродливая полезная нагрузка, которую я видел (эти уродливые данные слишком длинные, чтобы показывать их здесь).

Content-Disposition: form-data; name="xyz"; filename="xyz.png"
Content-Type: image/png

PNG


IHDRà5ÑÜä IDATx^\½i\i¥g¾/A23««» ÂHh©×ZÔ=ÐHúÿ¿@ôQ½Õ$cñݯð<ÇÞ %öp²2Ép¿÷]l9vìØì¿ÿoÿvº\¯õ°¨ût¯óý\÷ºÖz»ªé~©UÝk5j9¿×v³ªÏ_¾Ôùr­Ù|UëÕ¶f³y]n׺MתùTóÅTÓt«ÛíR󥶫}}Ø.....

------WebKitFormBoundary1wDstGejHPb3PhBI

Из-за того, какой сервер блокирует этот файл для загрузки с HTTP 403 Forbidden error. Так как есть некоторые правила, применяемые на стороне сервера с использованием AWS WAF. Вот эти правила:SQL-инъекция, XSS и т. Д.

Я думаю, эти правила блокируют запрос из-за этой уродливой полезной нагрузки, и если я добавлю базовый объект файла (не BLOB), ошибка 403 не придет! Он работает правильно с Файловым Объектом, и эта ошибка возникает только для загрузки BLOB.

Дайте мне знать ваши мысли и как это предотвратить!