PHP Data-URI в файл

У меня есть URI данных, который я получаю из javascript и пытаюсь сохранить через php. Я использую следующий код, который дает явно поврежденный файл изображения:

  $data = $_POST['logoImage'];

  $uri = substr($data,strpos($data,",")+1);

  file_put_contents($_POST['logoFilename'], base64_decode($uri));



data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs 9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAxklEQVQYlYWQMW7CUBBE33yITYUUmwbOkBtEcgUlTa7COXIVV5RUkXKC5AxU EdyZVD4kyKxkwIrr9vd0c7Oih aopinLNsF6Qkg2XW4XJ7LGFsAAcTV6lF5/jLdbALA9XDAXYfthFQVx OrmqKYK88/7rbbMFksALieTnzu9wDYTj6f70PKsp2kwAiSvjXNcvkWpAfNZkzWa/5a9yT7fdoX7rrB7hYh2fXo9HdjPYQZu3MIU8bYIlW20y0RUlXG2Kpv/vfwLxhTaSQwWqwhAAAAAElFTkSuQmCC

Под кодом находится фактическое изображение в виде Data-URI. «logoImage» — это строка выше, а $uri — это строка за вычетом «image/jpeg;base64,».


person GAgnew    schedule 18.07.2011    source источник
comment
Прошу прощения, я где-то сделал опечатку?   -  person GAgnew    schedule 18.07.2011
comment
URI данных, который у вас есть в вашем примере, не является допустимым изображением PNG. Это никогда не сработает и не связано с кодом, это связано с данными.   -  person hakre    schedule 18.07.2011
comment
Возможно, вы захотите сохранить это как изображение base64. Я предполагаю, поскольку я не специалист по двоичным кодам, что все приведенные здесь примеры дают 32-битный результат. Начиная с PHP 5.2, URL-адреса данных должны работать, поэтому решение действительно может быть таким же простым, как: file_put_contents('logo.png', preg_replace(/\s+/, '+', $_POST['logoImage'])) если вы используете JavaScript FileReader API в сочетании с AJAX.   -  person StackSlave    schedule 28.09.2017
comment
Вам действительно не нужно заменять пробелы знаками «плюс», и принятый ответ — лечить симптом, не касаясь причины. Вам просто нужно правильно отправить данные в URL-кодировке из JavaScript на ваш сервер. Кроме того, PHP-FileUpload имеет файл DataUriUpload, который делает все остальное автоматически и задокументирован здесь.   -  person caw    schedule 05.12.2017


Ответы (3)


Беглый просмотр руководства по PHP приводит к следующему:

Если вы хотите сохранить данные, полученные из функции Javascript canvas.toDataURL(), вы должны преобразовать пробелы в плюсы. Если этого не сделать, декодированные данные будут повреждены:

$encodedData = str_replace(' ','+',$encodedData);
$decodedData = base64_decode($encodedData);
person Paul S.    schedule 18.07.2011
comment
Это сработало. Ничего себе, я не могу поверить, что не мог найти это раньше! Я приму это, как только смогу, спасибо @Graydot - person GAgnew; 18.07.2011
comment
Одного этого мне было мало. Мне также пришлось раздеть все до первой запятой, а также запятую, прежде чем экранировать пробелы плюсами: $decoded = Base64::decode(PHP\str_replace(' ','+',PHP\explode(',', $imageDataURL)[1])); - person P A S H; 20.09.2020

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


Не применимо, но может представлять интерес:

file_put_contents($_POST['logoFilename'], file_get_contents($data));

Идея: сам PHP может читать содержимое URI данных (data://), поэтому вам не нужно расшифровывать его самостоятельно.

Обратите внимание, что официальная схема URI данных (ссылка: схема URL "data" RFC 2397) не включите двойную косую черту ("//") после двоеточия (":"). PHP поддерживает с двумя косыми чертами или без них.

 # RFC 2397 conform
 $binary = file_get_contents($uri);

 # with two slashes
 $uriPhp = 'data://' . substr($uri, 5);
 $binary = file_get_contents($uriPhp);
person hakre    schedule 18.07.2011
comment
И наконец: file_put_contents($_POST['logoFilename'], $binary); - person andreszs; 19.12.2014
comment
Мы используем PHP 5.5.25, и кажется, что нет необходимости добавлять двойные косые черты. - person Andz; 12.07.2015
comment
@Andz: Похоже, с PHP 5.2+ это всегда работало: 3v4l.org/Fk4RY - очень хороший комментарий по PHP .net тоже много лет. Не верь карте, верь местности, еще раз спасибо за подсказку. Исправил ответ. - person hakre; 14.07.2015
comment
Это отличный ответ, понятия не имел, что это было встроено! - person Joel; 24.01.2017
comment
Ваше решение не сработало для меня. Я попробовал file_put_contents('instagram.com/nasa/?__a=1') но не работает. - person Kamlesh; 21.06.2020

Весь код, который работает:

$imgData = str_replace(' ','+',$_POST['image']);
$imgData =  substr($imgData,strpos($imgData,",")+1);
$imgData = base64_decode($imgData);
// Path where the image is going to be saved
$filePath = $_SERVER['DOCUMENT_ROOT']. '/ima/temp2.png';
// Write $imgData into the image file
$file = fopen($filePath, 'w');
fwrite($file, $imgData);
fclose($file);
person Christophe    schedule 21.05.2015
comment
!! Я пробовал ТОННУ ответов на SO и в других местах, и это единственное, что сработало! Это сработало! Спасибо. - person Jake; 02.02.2016