Как с помощью js правильно конвертировать base64 в blob?

Question

[becks]

Коротко, использую js-рисовалку всяких графиков, у нее есть метод, возвращающий изображение в base64. Я его успешно получаю. Мне нужно сохранить это изображение в png файл на компьютере. Проблема возникает при конвертирование base64 в blob. Использую следующий метод:

function base64toBlob(base64Data, contentType) {
	contentType = contentType || '';
	var sliceSize = 1024;
	var byteCharacters = atob(base64Data);
	var bytesLength = byteCharacters.length;
	var slicesCount = Math.ceil(bytesLength / sliceSize);
	var byteArrays = new Array(slicesCount);

	for (var sliceIndex = 0; sliceIndex < slicesCount; ++sliceIndex) {
		var begin = sliceIndex * sliceSize;
		var end = Math.min(begin + sliceSize, bytesLength);

		var bytes = new Array(end - begin);
		for (var offset = begin, i = 0 ; offset < end; ++i, ++offset) {
			bytes[i] = byteCharacters[offset].charCodeAt(0);
		}
		byteArrays[sliceIndex] = new Uint8Array(bytes);
	}
	return new Blob(byteArrays, { type: contentType });
}

Получаю ошибку

Uncaught InvalidCharacterError: Failed to execute 'atob' on 'Window': The string to be decoded is not correctly encoded.

Если данную строку в base64 указать в src объекта img, то картинка прекрасно отображается, т.е. по всей видимости строка валидная. Прежде чем бомбить вопрос здесь перепробовал кучу реализаций конвертеров и поискал аналогичные проблемы на so. Тщетно.
Что делаю не так, подскажите, пожалуйста, с js знаком очень посредственно?

Answer 1

[Сергей Протько]

вам нужно взять ваш base64 и отрезать от него первый небольшой кусок до запятой, где сказано что это картинка и она в base64.

Comments

[becks]

большое Вам спасибо. Мне казалось, я пробовал это сделать после первой же своей неудачи. Видимо казалось. Теперь все работает.