JavaScript — Загрузить изображение html2canvas в базу данных
Можно ли загрузить изображение, которое дает html2canvas, в базу данных.
В основном, когда я нажимаю «Сохранить», он перенаправляет меня в файл save.php, где я могу увидеть сделанный мной снимок экрана, просмотреть изображение и просмотреть изображение локально на моем локальном сервере.
Главный вопрос заключается в том, можно ли создать форму, где на save.php я смогу сохранить изображение в виде случайного числа (и т. Д. 32245652226225.jpg) в определенную папку и вставить значение в базу данных со значениями: img_name, img_date
Затем я могу получить все изображения из базы данных и отсортировать их по дате.
Буду признателен за любую помощь.
Это результат, который я получил
Это мой index.php
function capture() {
$('#target').html2canvas({
onrendered: function (canvas) {
//Set hidden field's value to image data (base-64 string)
$('#img_val').val(canvas.toDataURL("image/png"));
//Submit the form manually
document.getElementById("myForm").submit();
}
});
}<form method="POST" enctype="multipart/form-data" action="save.php" id="myForm">
<input type="hidden" name="img_val" id="img_val" value="" />
</form>
<input type="submit" value="Sacuvaj" onclick="capture();" />
<div id="target">
<h1>TESTING</h1>
</div>Решение
Ответ ДА;)
Я имею в виду, похоже, вы уже нашли кусочки головоломки:
- захватить экран на клиенте
- отправить это через форму на сервер
- записать метаинформацию, такую как дата захвата, в базу данных, которая возвращает вам уникальные идентификационные номера (любой номер ID)
- скопируйте файл в папку с именем файла, привязанным к идентификатору файла (и примените некоторую логику, чтобы создать новую подпапку на каждые 4 цифры идентификатора вашего файла)
- есть еще один скрипт, который поможет вам искать изображения и отображать их
Если вы на самом деле просите бесплатную службу кодирования, мне жаль говорить, что я не могу вам помочь. В любом случае, для доступа к базе данных есть хорошие учебники, если вам просто не хватает базовых знаний по этому вопросу.
Btw. возможно, рендеринг HTML в img на стороне сервера может быть даже лучше:
Конвертировать HTML в изображение в php
Другие решения
Других решений пока нет …