如何使表单能够在elm中上传文件

Question

我正在尝试在elm中创建一个能够上传图片和一些附带数据的表单。

现在我的所有字段都通过onInput函数更新我的模型，当我按下提交按钮时，我通过Http.post函数将数据作为JSON发送。如果我理解的话，这是在榆树中做形式的惯用方法。

有没有办法为这种表单添加文件上传功能？如果可能的话，我想在榆树应用程序中保持控制，而不需要使用标准的html元素来提交。

Answer 1

你在这里。我的一些笔记：

• http://simonh1000.github.io/2016/12/elm-s3-uploads/
  • https://github.com/simonh1000/file-reader
• https://github.com/danyx23/elm-dropzone
  • https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API/File_drag_and_drop
• File Upload in Elm
• elm: read file content
• https://www.paramander.com/blog/using-ports-to-deal-with-files-in-elm-0-17
• 添加对https://github.com/elm-lang/html/issues/20的支持
  • https://github.com/lovasoa/elm-fileinput
• https://www.reddit.com/r/elm/comments/4926am/uploading_files_through_elmhttp/
• http://elm-ui.info/documentation/guides/handling-files
• How to trigger click event in elm

Answer 2

是的，两件事需要本机代码：

• 访问FileReader API;和
• to＆＃39; trick＆＃39; HTTP库允许您将文件添加到多部分表单。

this blog post中包含了这一点，它与rofol提到的FileReader库一起提供。

您可以使用端口，而不是本机代码。