在表单提交时在流星中上传带有表单的图像

occam98

我正在尝试创建一个简单的Web应用程序,该应用程序将要求用户填写一些问题,然后上传照片。我希望在按下“提交”按钮时将所有这些信息存储在Meteor集合中,但是FS集合包有一些困难。

这是相关的main.html:

    <form class="photoForm">
    Problem: <input type = "text" id = "problem" placeholder="page # problem #"><br><br>
    Your group members <input type = "text" id="group" size="50"> <br><br>
    Your questions and comments about this problem: <br><br>
    <textarea name="comments" form="photo" rows="4" cols="70" placeholder="Enter text here..."></textarea>
    <br>

    Upload a snapshot of your work here: <input type = "file" id = "myFileInput">
    <br /><br />

    <input type="submit" value="submit" />
    </form>

这是main.js:

Template.form.events({ 
'click input[type=submit]': function(event, template) {

console.log("form submit")
event.preventDefault();

FS.Utility.eachFile(event, function(file) {


  Images.insert(file, function (err, fileObj){
    //Inserted new doc with ID fileObj._id, and kicked off the data upload using HTTP
  });

});
 }   
});

这是我的问题:

  1. 我只能在事件'change .myFileInput'上上传文件。我试图让它在“单击输入[类型=提交]”和“提交”上载,但它不上传文件。单击提交按钮时,是否有办法使它上载文件?

  2. 如何将各种文本字段中的数据添加到图像集中?我可以将这些添加项合并到Images.insert()命令中吗?

90号

检查自动套准套件

自动包装

和cfs autoform包Cfs autoform

这些软件包非常有帮助

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在表单提交时在流星中上传带有表单的图像

来自分类Dev

Laravel:使用Intervention在foreach循环中上传带有图像的表单数据

来自分类Dev

无法在spring mvc 4 + ajax中上传带有其他表单字段的图像

来自分类Dev

在PaperClip中上传没有表单或数据库的图像

来自分类Dev

使用Ajax在Codeigniter中上载带有图像的表单

来自分类Dev

在 Django 中上传文件时表单无效

来自分类Dev

尝试在提交时从表单上传数据和图像

来自分类Dev

codeigniter 提交带有文本和图像的表单

来自分类Dev

Angular:提交带有数据和图像的表单

来自分类Dev

提交带有href的表单

来自分类Dev

使用ajax上传图像并提交表单

来自分类Dev

使用ajax上传图像并提交表单

来自分类Dev

在表单提交Django之前上传图像

来自分类Dev

使用 node.js 在表单中上传图像

来自分类Dev

图片不会从Django的表单中上传。如果从管理面板输入而不是从表单输入,图像将上传

来自分类Dev

带有文件上传的提交表单不会在post变量中发送提交

来自分类Dev

流星:带有两个提交按钮的表单(在事件处理程序中单击确定按钮)

来自分类Dev

在MVC中上传没有表单标签的文件

来自分类Dev

带有Express(NodeJS)上传表单的PassportJS

来自分类Dev

MVC提交带有局部视图的表单

来自分类Dev

提交带有按钮的表单(HTML)

来自分类Dev

调用带有onChange事件的表单提交

来自分类Dev

提交带有包含哈希的操作的表单

来自分类Dev

带有POST方法的表单提交GET

来自分类Dev

带有angularjs的Materializecss表单未提交

来自分类Dev

带有多个重定向的表单提交

来自分类Dev

带有表单验证(PHP)的表单提交预览

来自分类Dev

将图像上传ajax与表单提交ajax结合

来自分类Dev

在html表单标记中,提交之前在何处存储了上传的图像

Related 相关文章

  1. 1

    在表单提交时在流星中上传带有表单的图像

  2. 2

    Laravel:使用Intervention在foreach循环中上传带有图像的表单数据

  3. 3

    无法在spring mvc 4 + ajax中上传带有其他表单字段的图像

  4. 4

    在PaperClip中上传没有表单或数据库的图像

  5. 5

    使用Ajax在Codeigniter中上载带有图像的表单

  6. 6

    在 Django 中上传文件时表单无效

  7. 7

    尝试在提交时从表单上传数据和图像

  8. 8

    codeigniter 提交带有文本和图像的表单

  9. 9

    Angular:提交带有数据和图像的表单

  10. 10

    提交带有href的表单

  11. 11

    使用ajax上传图像并提交表单

  12. 12

    使用ajax上传图像并提交表单

  13. 13

    在表单提交Django之前上传图像

  14. 14

    使用 node.js 在表单中上传图像

  15. 15

    图片不会从Django的表单中上传。如果从管理面板输入而不是从表单输入,图像将上传

  16. 16

    带有文件上传的提交表单不会在post变量中发送提交

  17. 17

    流星:带有两个提交按钮的表单(在事件处理程序中单击确定按钮)

  18. 18

    在MVC中上传没有表单标签的文件

  19. 19

    带有Express(NodeJS)上传表单的PassportJS

  20. 20

    MVC提交带有局部视图的表单

  21. 21

    提交带有按钮的表单(HTML)

  22. 22

    调用带有onChange事件的表单提交

  23. 23

    提交带有包含哈希的操作的表单

  24. 24

    带有POST方法的表单提交GET

  25. 25

    带有angularjs的Materializecss表单未提交

  26. 26

    带有多个重定向的表单提交

  27. 27

    带有表单验证(PHP)的表单提交预览

  28. 28

    将图像上传ajax与表单提交ajax结合

  29. 29

    在html表单标记中,提交之前在何处存储了上传的图像

热门标签

归档