Nano Hash - криптовалюты, майнинг, программирование

Как удалить data:image/png;base64 в base64 перед загрузкой на сервер API через сообщение axios в ReactJs

Получение вывода base64 из этого

Мой обновленный код

  getCroppedImg(image, crop) {
        const canvas = document.createElement('canvas');
        const scaleX = image.naturalWidth / image.width;
        const scaleY = image.naturalHeight / image.height;
        canvas.width = crop.width;
        canvas.height = crop.height;
        const ctx = canvas.getContext('2d');
        ctx.imageSmoothingQuality = 'high';
        ctx.drawImage(
            image,
            crop.x * scaleX,
            crop.y * scaleY,
            crop.width * scaleX,
            crop.height * scaleY,
            0,
            0,
            crop.width,
            crop.height
        );
        return new Promise((resolve, reject) => {
            canvas.toBlob(blob => {
                resolve(canvas.toDataURL());
            }, 'image/jpeg');

        });


    }

Как удалить эти данные: изображение/png;base64, в ReactJs Мы будем очень признательны за любую помощь, спасибо.


src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAEsCAYAAAB5fY51AAAgAElE..."



  • почему вы хотите удалить упомянутые метаданные. Пожалуйста, обратитесь к следующей ссылке, как изображение отображается браузером stackoverflow.com/questions/5242319/ ). 19.04.2021
  • Причина, по которой я хочу удалить, заключается в том, что сервер выдает ответное сообщение об ошибке - Сообщение: ввод не является допустимой строкой Base-64, поскольку он содержит символ, отличный от base 64, и я пробовал его в почтальоне без информации заголовка, получая картинка успешного ответа сохранена 19.04.2021

Ответы:


1

вы можете использовать следующий код для удаления раздела data:image/png;base64:

var base64 = string.split(',')[1];
19.04.2021
  • Где я могу использовать этот код? 19.04.2021

  • 2

    возможно, вы не захотите удалять эту информацию заголовка из base64, без нее будущие клиенты не смогут правильно анализировать, а затем отображать ваши строки base64...

    На самом деле это важная информация о типе заголовка, чтобы информировать браузер/клиент о типе mime изображения, кодировке и т. д. Проверьте MDN для получения более подробной информации.

    19.04.2021
  • Причина, по которой я хочу удалить, заключается в том, что сервер выдает ответное сообщение об ошибке - Сообщение: ввод не является допустимой строкой Base-64, поскольку он содержит символ, отличный от Base 64. 19.04.2021
  • я попробовал это в почтальоне без информации заголовка, сохранив изображение успешного ответа 19.04.2021
  • Я вижу, в этом случае вы, скорее всего, столкнетесь с проблемой кодирования, ознакомьтесь с ответом Джима Мишеля здесь, stackoverflow .com/questions/15114044/ 19.04.2021
  • Это не работает, любой пример кода в реакции был бы полезен 19.04.2021
  • О, вам нужно решить проблемы с кодировкой на стороне сервера. 19.04.2021
  • спасибо обязательно сделаю 19.04.2021
  • Новые материалы

    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..

    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..

    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..

    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..

    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..

    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..

    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..