Javascript 将DataURL画布图像作为文件附件附加

嗨，我需要一些帮助，让webcamjs.js使用联系表单7或WordPress。我可以将webcamjs调用到WordPress页面，我将js库排队到该页面，它工作正常。图像捕获到数据并显示在div中的页面上。 但我正在努力将画布转换为文件附件，以便在联系人表单7中使用。 我已成功地将未编码的img插入一个文本字段，此处标记为“网络摄像头”。我可以发送带有编码base64字符串的表单，但我需要能够将其作为可视图片发送

我假设我需要将其转换为blob，并以某种方式将其附加到CF7中的文件输入字段。我不知道该采取什么方法

<script >
    function take_snapshot() {
        // take snapshot and get image data
        Webcam.snap(function(data_uri) {
            // display results in page
            var raw_image_data = data_uri.replace(/^data\:image\/\w+\;base64\,/, '');
            document.getElementById('results').innerHTML =
                '<h2>Here is your image:</h2>' +
                '<img src="' + data_uri + '"/>';
    // attach resulting base64 string to text input form field webcam
            document.getElementById('webcam').value = raw_image_data;
        });
    } </script>

函数take_snapshot（）{
//拍摄快照并获取图像数据
网络摄像头.snap（函数（数据uri）{
//在页面中显示结果
var raw\u image\u data=data\u uri.replace（/^data\：image\/\w+\；base64\，/，''）；
document.getElementById（'results'）.innerHTML=
“这是你的照片：”+
'';
//将生成的base64字符串附加到文本输入表单字段网络摄像头
document.getElementById（'webcam'）。值=原始图像数据；
});
}