如何制作带有文件字段的隐藏表格

我有一个可编辑的动态生成的表格。点击表格中的任何单元格后，我可以更改其文本。如何制作带有文件字段的隐藏表格

在一列中显示图像。当用户点击它时，我将该列的html更改为<input type='file'>并触发点击，从而使用户选择要上载的文件作为图标。

在表的最后一列中，我有一个提交按钮。如果用户进行了一些更改并按下提交，我必须选取整行（一些文本字段和一个文件字段），并将所有内容添加到包含用户选择的文件的表单中，并将其发送到python脚本以上载到s3服务器。

我的问题是：如何发送此表单？

我目前正在使用脚本，但它不工作，因为它只发送文本，因为request.Files在python（django）脚本端变为空。

function update(a) { 
    try { 
     var button = $(a); 
     var row = $(button.parent()); 
     var rowcount = button.parent().parent().parent().children().index(button.parent().parent()); 
     var filerow = ''; 
     var formrow = new Array(); 
     var rowkey = new Array('Topic', 'TopicDescription'); 
     var cnt = 0; 
     var form = $('#dyno_form'); 
     row.siblings().each(function() { 
      if ($(this).find($('input:file')).length > 0) { 
       $(this).find($('input:file')).appendTo($(form)); 
      } else if ($(this).find($('img')).length == 0) { 
       formrow[cnt++] = '<input type="text" value="' + $(this).html() + '" name="' + rowkey[cnt - 1] + '"/>'; 
      } 
     }); 
     $(form).append(formrow[0]); 
     $(form).append(formrow[1]); 
     $(form).submit(); 
    } catch (a) { 
     alert(a); 
    } 
}

这里是HTML：

<form id='dyno_form' action='' method="post" style="visibility:hidden">{% csrf_token %}</form>

我如何去这样做呢？

来源

2013-06-29 Sohaib

你的表单是否有'enctype =“multipart/form-data”'？ – zeroflagL

不，我不应该包括它吗？ – Sohaib

如果您想上传文件，则必须提供。 – zeroflagL

如果要上传文件，form元素需要具有正确的enctype属性，且方法必须是post。

<form enctype="multipart/form-data" method="post" ...

否则只会上传您输入的值。

来源

2013-06-29 11:58:26 zeroflagL

如何制作带有文件字段的隐藏表格

回答

相关问题