为啥 html 的输入标签中的多个属性不起作用?

Posted

技术标签:

【中文标题】为啥 html 的输入标签中的多个属性不起作用?【英文标题】:Why multiple attribute in input tag of html is not working?为什么 html 的输入标签中的多个属性不起作用? 【发布时间】:2018-11-29 01:56:02 【问题描述】:

我似乎无法让多个标签在我的输入中起作用。我正在尝试拍摄多张照片,这些照片稍后将被纳入健康和安全表格。目前我能做的就是拍一张照片。

我是如何错误地使用它的。我知道它可以与 type="file" 一起使用。我希望这是一个简单的语法错误

<!DOCTYPE html>
<html>
<body>

<h2>The multiple Attributes</h2>
<p>The multiple attribute specifies that the user is allowed to enter more than one value in the input element.</p>

<form action="/action_page.php">
  Take photos: <input type="file" accept="image/*" capture="camera" multiple><br>
  <input type="submit">
</form>

<p>I wonder how I can take more than one photo.</p>

<p><strong>Note:</strong> The multiple attribute of the input tag is not supported in Internet Explorer 9 and earlier versions.</p>

</body>
</html>

【问题讨论】:

定义“不工作”。您收到错误消息吗? 在这里为我工作 - codepen.io/jainshravan123/pen/WyMXEe 试试这个***.com/questions/1175347/… How can I select and upload multiple files with HTML and PHP, using HTTP POST?的可能重复 当我拍照时,照片的文件名出现在“选择文件”按钮旁边。当我拍摄另一张照片时,它会被覆盖。所以我添加了更多 标签(每张照片 1 个),现在它正在工作并上传照片。现在我要么将其限制为多张照片,要么通过实时添加线条来更改它。我还需要看看如何在上传之前预览照片。 (不一定要编辑,只是为了预览)。 【参考方案1】:

需要这样

   <form action="/action_page.php"  method="POST" enctype="multipart/form-data">

 Take photos: <input type="file" name="files[]" type="file" multiple="multiple" accept="image/*" capture="camera" multiple><br>
 <input type="submit">
</form>

【讨论】:

【参考方案2】:

您的表单应具有“enctype”属性。并且文件输入你应该有一个属性为“multiple”,这将为你完成工作。

示例:

    <form action="" enctype="multipart/form-data" method="post">
   <div><label for='upload'>Add Attachments:</label>
   <input id='upload' name="upload[]" type="file" multiple="multiple" />
   </div></form>

但我建议您使用多个文件上传器,例如uploadify。

【讨论】:

您还需要以相同的形式包含健康和安全事件输入。您可能需要尝试“uploadify”,如果您一次选择多个文件则不会有问题,但如果您选择多次肯定会被覆盖。为了解决这个问题,您可能需要动态生成输入或使用 jquery 文件上传器。希望此评论对您有所帮助。【参考方案3】:

method="POST" enctype="multipart/form-data"

您错过了不会上传文件和方法的 enctype 应该发布

enctype(ENCode TYPE) 属性指定表单数据在提交到服务器时应如何编码。 multipart/form-data 是 enctype 属性的值之一,用于有文件上传的表单元素。 multi-part 表示表单数据分成多个部分发送到服务器。

【讨论】:

以上是关于为啥 html 的输入标签中的多个属性不起作用?的主要内容,如果未能解决你的问题,请参考以下文章

为啥 django 中的 Simple 标签不起作用?

选择标签更改的多个参数不起作用

为啥输入类型=“url”验证不起作用

为啥动态组件创建中的属性绑定不起作用?

css 为啥有时MARGIN 不起作用,

为啥 style 属性中定义的这个内联 SVG 过滤器不起作用?