Question

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

现在我在我的网站上有一个测试按钮（第二个），这是我需要它的一半，我只是不熟悉这种类型的东西，它对我来说有点先进。

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上托管的，带有随机生成的文件名。

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

我不确定如何在该页面上自动显示图像文件
不确定如何在页面上显示图片网址

我如何才能做到这一点？

修改

所以现在我使用你在测试页面上给我的代码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”，并将_export_method字段设置为“POST”：

<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应包含您从我们这里收到的图像数据。它会的当用户使用完成的电子邮件
考虑让我们向您发送保存图片的网址 - 将其写入文档并将其由用户发回给您更容易。您甚至可以通过电子邮件将HTML发送给自己并在其中使用img标记。

希望这能让你走上正轨。

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

1 个答案: