改变Feedback.js将信息和图片发送到电子邮件地址

Question

我最近偶然发现了一些非常酷的js,这些js呈现了一个突出显示区域的屏幕截图,以便在您的网站上提供反馈.该计划的网站可以在这里找到:http://experiments.hertzen.com/jsfeedback/

但是,我真的希望在收集数据后发送电子邮件(到我选择的地址),而不是现在正在做的任何事情.我一直在浏览它,我假设它将在feedback.js文件下完成

send: function( adapter ) {

但是,我不完全确定如何更改保存屏幕截图和数据的内容.

Answer 1

初始化时Feedback(),您可以设置一些选项.在您的情况下,网址选项很重要.这个url应该指向一个php脚本,它使用$_POST[]feedback.js发送的数据.获得所有数据后,您可以使用php发送电子邮件.

以下是如何设置一些选项的示例:

Feedback({
    label: 'What is your problem',
    header: 'Report an issue',
    nextLabel: 'Next',
    reviewLabel: 'Review screenshot',
    sendLabel: 'Send email',
    closeLabel: 'Cancel',
    messageSuccess: 'Done!',
    messageError: 'Oops..',
    url: 'path/to/email/sendFeedback.php' // This is what you need
});

在sendFeedback.php文件中,您应该执行以下操作

if($_POST) {
    $image = $_POST['data'];
    $otherField = $_POST['your-other-field'];
    // Send email here
}

$_POST['data']将图像保存为DOMString.其他输入字段值在其他参数中,具体取决于您定义的其他字段.

在PHP中有很多方法可以发送电子邮件.
mail()只是其中之一.信息可以在php.net找到..