html - Picmonkey API 获取显示并将图像保存到电子邮件表单

Question

基本上，我使用 picmonkey 的 api 系统在我的站点上放置一个按钮，该按钮将我的模板文件从我的站点打开到 picmokey 中进行编辑。当用户保存此文件时，我希望将图像输入到我网站上的电子邮件表单中，然后可以通过电子邮件直接将其发送给我。

现在我的网站上有一个测试按钮(第二个)，它已经完成了我需要的一半，我只是不熟悉这种类型的东西，它对我来说有点高级。

killture.com/picmonkey/

这里有 API 文档picmonkey.com/help/articles/1017782-api-documentation

我使用的按钮代码是

<form method="post" action="http://www.picmonkey.com/service/" enctype='multipart/form-data'>
<input type="hidden" name="_apikey" value="63fa2a00a6ffc755ea3458a72d4af600"/>
<input type="hidden" name="_import" value="http://killture.com/templates/custompillow17x17-pm.png"/>
<input type="hidden" name="_close_target" value="http://plusdope.com">
<input type="hidden" name="_export" value="http://www.killture.com/picmonkey/testimg">
<input type="hidden" name="_export_agent" value="browser">    
<input type="hidden" name="_export_field" value="photo"> 


<input type="submit" value="Create A Custom Pillow"/>
</form>

我的问题是在我点击保存后它带我回到我网站的测试页面...地址栏中的 url 是使用随机生成的文件名托管在 picmonkey 上的临时文件进行 URL 编码的。

示例:killture.com/picmonkey/testimg/?photo=http%3A%2F%2Ftemp.picmonkey.com%2F1d%2F5dWv7AKCvSJ9YzuP2DsC.jpg

1. 我不确定如何在该页面上自动显示图像文件
2. 不确定如何在页面上显示图片 url

我怎样才能做到这一点？

编辑:

现在我使用你给我的代码创建了新按钮(第 3 个按钮)，我的测试页面上有这个代码 http://killture.com/picmonkey

按钮代码:

<form method="post" action="http://www.picmonkey.com/service/" enctype='multipart/form-data'>
<input type="hidden" name="_apikey" value="63fa2a00a6ffc755ea3458a72d4af600"/>
<input type="hidden" name="_import" value="http://killture.com/templates/custompillow17x17-pm.png"/>
<input type="hidden" name="_export" value="http://www.killture.com/testmonkey">
<input type="hidden" name="_export_agent" value="server">
<input type="hidden" name="_export_field" value="photo">
<input type="hidden" name="_export_method" value="POST">
<input type="submit" value="Create A Custom Pillow"/>

用户点击保存后，他们将被定向到包含我的表单的页面 http://killture.com/testmonkey

目前表单页面的代码是

<form action="/testmonkey#wpcf7-f753-p752-o1" method="post" class="wpcf7-form">
<input type="hidden" name="_wpcf7" value="753" />
<input type="hidden" name="_wpcf7_version" value="3.3.1" />
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f753-p752-o1" />
<input type="hidden" name="_wpnonce" value="86312bd7c3" />

<p>Your Name (required)<br />
    <span class="wpcf7-form-control-wrap your-name"><input type="text" name="your-name" value="" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" size="40" /></span> </p>
<p>Your Email (required)<br />
    <span class="wpcf7-form-control-wrap your-email"><input type="text" name="your-email" value="" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" size="40" /></span> </p>
<p>Subject<br />
    <span class="wpcf7-form-control-wrap your-subject"><input type="text" name="your-subject" value="" class="wpcf7-form-control wpcf7-text" size="40" /></span> </p>
<p>Your Message<br />
    <span class="wpcf7-form-control-wrap your-message"><textarea name="your-message" class="wpcf7-form-control  wpcf7-textarea" cols="40" rows="10"></textarea></span> </p>

<p><input type="submit" value="Send" class="wpcf7-form-control  wpcf7-submit" /></p>
<div class="wpcf7-response-output wpcf7-display-none"></form>

那么现在我如何将代码包含到将随表单发送图像的表单中？在我当前的表单中，我显然遗漏了一些这方面的代码。

Answer 1

嘿，我和 PicMonkey 在一起。看来您即将获得想要的东西。

您说您的站点上有一个电子邮件表单，可以将图像发送给您。好的，首先使用该 URL 作为 _export 字段中的目标:

<input type="hidden" name="_export" value="http://www.killture.com/picmonkey/YOUR_EMAIL_FORM">

由于它是一个表单，您可能希望将图像数据直接发布给您，以便您可以将其附加到电子邮件中。因此，将 _export_agent 字段更改为“server”，并添加一个设置为“POST”的 _export_method 字段:

<input type="hidden" name="_export_agent" value="server">
<input type="hidden" name="_export_field" value="photo">
<input type="hidden" name="_export_method" value="POST">

此时，当用户按下保存时，将向您的表单发出 POST 请求，并在“照片”字段中包含图像数据。

如果这还不足以让您继续前进，请随时在评论中提出更多问题。

编辑:

我认为您需要重新考虑一下您的计划。/testmonkey 是用于创建最终电子邮件的表单。对于 _export 目标来说，这不是一个好的选择，因为我们所能做的就是向您发布图像。我们无法发布其余的电子邮件字段。

这是您需要做的粗略概述:

• 添加另一个表单，将其命名为/picmonkey_export 或其他名称。将其用作你的_export目标

• 当处理/picmonkey_export 时，输出发送回浏览器应该是调用你的/testmonkey 表单的 HTML

• HTML 应包含您从我们这里收到的图像数据。然后它会当用户提交带有完整电子邮件的/testmonkey 时返回给您

• 考虑返回让我们向您发送已保存图片的 URL -将其写入文档并由用户发回给您会更容易。您甚至可以通过电子邮件将 HTML 发送给自己，并在其中使用 img 标签。

希望这能让您走上正轨。