Ошибка при отображении в кодировке base64 строки в качестве изображения в браузере?
Я работаю над сайтом для друга, который берет подпись от wacom STU-300 подпись планшета, чтобы затем поместить в базу данных. (как любой тип данных, как долго он читается, я пытался BLOB and varchar). После проверки документации я обнаружил, что есть метод, в котором вы можете получить данные в виде base64 encoded Строка после взятия подписи. Это пример, который я напечатал из подписи после извлечения base64 encoded строка:
"RlP5QhsBHAECGUVDFxYZVCQFBwkDBggLBA0MFB0cGhsYFTgCIgUgJx3EG8LuM6ZpqwR8ScEztVwTqbxuB8+gFfRUzHv7lXdFA46EAUMBARcEA1dITxYCASAZIgQgcKIShjL9FJx63Xpnkli3HoFMatdpMwfX7Bg528NKz2JUAgE0JAEBBQoBBQCsTaD5BQIABwoBBQDEE/mABgIBCQgBBQAAkE4EAAMJAmABCAIDXQAQBmcCYOIfBghgkBgoNERQYGhsdISAmJyktLCsoJSMeHBMMAvrz7egHl/5+gHs97/Dy8wvQP128/Lv6+jk3tzX1NEHQ+09jcB3/eDb2tcHVo2OHr+QgYKj5QX212fH17cGZURTYvHx4V/ACGoCYMMHCAhj/QkNEBIBF/QZFBMNBwP9+PPs497WAdO90tPX2drb2Nvf5u/4AAkSHiYxNz5FTVRXVVFQTkxKRkRHRkVCPzsxJRMF+Onc0MjBvLe5vcDCv73BydXl9QQTHicwNDcBNv01Nz49CwfIAQABAQEABAkCYAEIAQNdAEANYAJgYQUIWqA4UGh4kIiAYEgwKCAYgIAGICCA/AgMIEIB8BgoQEH4CgQCAAJP8AAH/yAf4EBgIAA/4gIH6H879gAKBhAgfof73+AgYQTwGCgggUIFv//Pr38/IPf3j0rWYAwIAQUA/wMAAAAUCAEEAKxNAMQTHQ8OBjAQs9uhtgasnhcBsPYcKypNaWNyb3NvZnQ7J1dpbmRvd3MgOCsnOyh1bmtub3duKTs7Ni4zLjk2MDAaFhVTVFU7J1NUVS0zMDAnOzEuMC44OzAbCQgwMDU3O1NUVRgHjJfKqQXgARUKAQTqA+k7tw23DTgBBA=="Редактировать: Спасибо vjdhama за удаление пробелов, теперь он выглядит как допустимая строка base64, однако я все еще не могу преобразовать это обратно в файл изображения. Когда я попытался декодировать это обратно в изображение с помощью декодера base64 в WUtils, это выглядит как
FS�BECT$
8" '���3�i�|I�3�\��nϠ�T�{��wE��CWHO " p��2��z�zg�X��Lj�i3��9��J�bT4$
вместо изображения. Мне нужно отобразить закодированную строку base64 в виде изображения в браузере с php ,
Решение
Чтобы проверить правильность строки, мы могли бы использовать это регулярное выражение
var base64 = new RegExp("^(?:[A-Za-z0-9+/]{4})*(?:[A-Za-z0-9+/]{2}==|[A-Za-z0-9+/]{3}=|[A-Za-z0-9+/]{4})([=]{1,2})?$");
Просто проверьте свою строку
base64.test(str);
Вы можете прочитать больше здесь : RegEx для анализа или проверки данных Base64
ОБНОВИТЬ:
Вы также можете декодировать данные, используя window.atob(str) метод веб-API.
Вы можете прочитать больше здесь: https://developer.mozilla.org/en-US/docs/Web/API/WindowBase64/atob
Обратитесь к этому для получения дополнительной информации о кодировании и декодировании base64: https://developer.mozilla.org/en-US/docs/Web/API/WindowBase64/Base64_encoding_and_decoding
Другие решения
Других решений пока нет …