javascript - 将 html2canvas 图片上传到数据库-6ren

javascript - 将 html2canvas 图片上传到数据库

In lại Tác giả: Walker 123 更新时间：2023-11-29 03:26:14

是否可以将 html2canvas 提供的图像上传到数据库。基本上，当我单击“保存”时，它会将我重定向到 save.php，我可以在其中查看我制作的屏幕截图、查看图像，并在我的本地服务器上本地查看图像。

主要问题是，能否制作一个表格，在 save.php 上，我可以将图像作为随机数(等 32245652226225.jpg)保存到特定文件夹中，并将值插入到数据库中，值如下:图像名称，图像日期

然后我可以从数据库中检索所有图像，并按日期对它们进行排序。如果有任何帮助，我将不胜感激。

这是我得到的结果

这是我的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();
			}
		});
	}


	




  TESTING

这是save.php

//Get the base-64 string from data
$filteredData=substr($_POST['img_val'], strpos($_POST['img_val'], ",")+1);

//Decode the string
$unencodedData=base64_decode($filteredData);

//Save the image
file_put_contents('slika.jpg', $unencodedData);
?>
Screenshoot


    
        
            folder
        
        
            nazad
        
    
    
        
            

            

			
			
			
            

//Show the image
echo $_POST['img_val'];
echo '';
?>