Dropzone 表单元素

Question

为了画廊的目的，我已经实现了 DropzoneJS。我必须添加更多字段：画廊名称，提交...

我有这个代码：

<script src="assets/libs/dropzone/dropzone.js"></script>
<link rel="stylesheet" href="assets/libs/dropzone/dropzone.css">

<form id="form" action="assets/libs/dropzone/upload.php" method="post" enctype="multipart/form-data" class="dropzone">
<input name="name" type="text" placeholder="Galery name*"/> <br/>
<div class="fallback">
    <input name="file" type="file" multiple />
</div>
<input name="submit" type="submit" />

看起来像这样：

如何使用 jQuery(Ajax) 处理选定的图像，如何将其发送到 php 脚本：$("input[name=file]").val() -> 不起作用，如预期。

编辑：我只需要文件名

Answer 1

$( ".fileInput" ).each(function( index ) {
  console.log(  "file name: " + $( this ).val() );
});

应该可以在多个字段的循环中正常工作。

关于通过 Ajax 向服务器发送文件是不同的问题。这是一个适合您需要的很好的例子（Ajax/Jquery - PHP )

Dropzone 表单元素

Dropzone form elements

javascript

php

ajax

jquery

dropzone.js