如何将base64转换为图像（画布）并使用php将其保存到文件夹路径？

Question

I am confused as how to upload that base64 to folder path. Here is my code:

var img = document.createElement('img') || document.querySelector('img');
var context;
var width = video.offsetWidth
        , height = video.offsetHeight;

canvas = canvas || document.createElement('canvas');
canvas.width = width;
canvas.height = height;

context = canvas.getContext('2d');
context.drawImage(video, 0, 0, width, height);

img.src = canvas.toDataURL('image/png');
document.body.appendChild(img);

Answer 1

In my code, I used this and it worked:

$picture = rtrim(strtr(base64_encode($_FILES['userfile']['name']), '+/', '-_'), '=');

For the view:

img src=" echo base_url(). 'admin/assets/uploads/product/'.$product['userfile'];" alt="img" class = "img-thumbnail rounded float-left image-product"