JavaScript — сохранить холст HTML5 в папку на сервере

Я написал небольшую программу рисования на основе JavaScript с использованием HTML5 canvas. Сейчас я пытаюсь реализовать возможность сохранения чертежа в папке на сервере. Имя файла должно выглядеть примерно так: «artist» + «title» + «date» (я использую подсказки, чтобы получить имя исполнителя и название).
Как я могу это сделать? Я знаю, что должен сделать что-то вроде этого:

var dataURL = canvas.toDataURL();

а затем используйте Ajax для вызова скрипта PHP. Например:

$.ajax({
type: "POST",
url: "saveImg.php",
data: {
imgBase64: dataURL
}
}).done(function(o) {
console.log('saved');
});

Но как мне получить имя исполнителя и название сценария PHP? Насколько я знаю, имя файла определяется внутри скрипта PHP, верно?

Привет

0

Решение

Это может быть достигнуто следующим образом …

ᴊᴀᴠᴀꜱᴄʀɪᴘᴛ

var dataURL = canvas.toDataURL();
$.post('saveImg.php', {
imgBase64: dataURL,
artist: 'ramy',
title: 'paint',
date: new Date().toDateString()
}, function(o) {
console.log('saved');
});

ᴘʜᴘ

<?php
$img = $_POST['imgBase64'];
$artist = $_POST['artist'];
$title = $_POST['title'];
$date = $_POST['date'];
$img = str_replace('data:image/png;base64,', '', $img);
$img = str_replace(' ', '+', $img);
$fileData = base64_decode($img);
$fileName = 'images/'.$artist.'_'.$title.'_'.$date.'.png';
file_put_contents($fileName, $fileData);
1

Другие решения

Других решений пока нет …

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector