使用formspree上传文件

时间:2015-09-06 23:50:10

标签: html forms

我正在尝试允许我网站上的用户上传带有表单的图片。 我一直在使用formspree(https://formspree.io/) 我收到了图片的名称,但没有附加到电子邮件中的图片。

我正在使用:

<label>
    Upload Photo
    <input type="file" name="uploadField" />
</label>

有人设法做到了吗?

2 个答案:

答案 0 :(得分:4)

Formspree目前不支持文件输入,但Formsprees FAQ有这样的建议:

  

对于几乎零工作和廉价(或免费)价格,您可以将外部文件上传服务集成到Formspree表单中。 Uploadcare就是一个例子。如果您只是创建一个帐户并包含他们的小部件:

<!-- The best place for this one is your <HEAD> tag -->
<script>UPLOADCARE_PUBLIC_KEY = "demopublickey";</script>
<script 
src="https://ucarecdn.com/libs/widget/3.x/uploadcare.full.min.js" 
charset="utf-8"></script>

<!-- This is where the widget will be. Don't forget the name attribute! -->
<input type="hidden" role="uploadcare-uploader" name="my_file" />
  

their documentation,您可以在Formspree表单中使用它,并在您的电子邮件地址中接收文档的URL。

来源:https://help.formspree.io/articles/6199-how-to-do-file-uploads-with-formspree

答案 1 :(得分:1)

我很确定问题是您的enctype未定义。以下是使用基本HTML表单的示例(您需要一些PHP /服务器端代码来处理该文件):

<form action="your_script.php" method="post" enctype="multipart/form-data">
   Image: <input type="file" name="uploadField" />
  <input type="submit" value="Submit">
</form>