javascript - 更改 Feedback.js 以将信息和图片发送到电子邮件地址

Question

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

但是，我真的很想让它在收集数据后发送一封电子邮件(到我选择的地址)，而不是现在正在做的任何事情。我一直在查看它，我假设它会在

下的 feedback.js 文件中完成

send: function( adapter ) {

但是，我不完全确定如何更改保留屏幕截图和数据的内容。

Answer 1

当您初始化Feedback() 时，您可以设置一些选项。在您的情况下， url 选项很重要。此 url 应指向一个 php 脚本，该脚本使用由 feedback.js 发送的 $_POST[] 数据。获得所有数据后，您可以使用 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 找到..