为什么不dropzone提交文件?
Why isn't dropzone submitting a file?
我有一个带有dropzone的表单,需要上传一个图像和两个文本输入。文本输入通过fine发送,但文件没有。
谁能告诉我我错过了什么?这是我的表单:
<div id="dropzone">
<form action="" id="dropzoneForm" method="post" enctype= multipart/form-data>
<input type="hidden" name="_token" value="{{ csrf_token() }}">
<div class="dz-message">
<h3 style="">Drag file here or click to upload</h3>
</div>
<div class="input-container">
<div class="input-group">
<span class="input-group-addon">Name</span>
<input type="text" name="name">
</div>
<div class="input-group">
<span class="input-group-addon">Categories</span>
<input type="text" name="categories"><span> (Comma separated)</span>
</div>
<button type="submit" value="Submit" class="upload-submit-button btn btn-success">
<i class="glyphicon glyphicon-upload"></i>
<span>Submit</span>
</button>
</div>
</form>
</div>
这是我的jQuery脚本来配置dropzone:
$(document).ready(function(){
Dropzone.autoDiscover = false;
$('#dropzoneForm').dropzone({
autoProcessQueue: true,
acceptedFiles: "image/*",
paramName: "design",
url: "{{ url('/submit') }}",
thumbnailWidth: 500,
thumbnailHeight: 250,
maxFiles: 1,
accept: function (file, done){
console.log('Success for ' + file.name);
console.log('Processing queue');
done();
}
});
});
如果我转储提交的数据,有一个名称字段和类别字段,但没有文件或设计!
原来是表单上的动作,这确实需要一个URL。我以为我只需要在dropzone配置中配置它。
<form action="{{ url('/submit') }}" id="dropzoneForm" method="post" enctype= multipart/form-data>
相关文章:
- 我想使用模态通过php文件发送邮件,并且我希望在提交关闭后关闭pop
- 使用ajax上传的文件返回错误,但使用c#在asp.net的服务器端正常提交的文件
- Firefox,如何提交表单触发文件下载,但停留在网页上
- html5拖放文件-在提交整个表单时上传
- javascript下载一个文件并执行提交操作
- 如何在不重新加载页面的情况下选择文件提交表单
- 应将缩小的文件提交到源代码管理中
- Django View 无法使用请求获取文件.来自 ajax 表单的文件提交
- JQuery 通过表单输入类型=“文件”提交后检测插入的图像
- 如何使用jquery发布文件提交
- 使用JSP从外部Javascript文件提交变量
- Fin上传程序在用户对文件提交做出响应后取消上传
- 用javascript将输入文件提交到服务器端
- 向php文件提交angular表单
- php文件中的多个表单和文件提交
- jquery验证表单字段,但不向目标文件提交表单数据
- 文件提交有问题
- Javascript文件提交导致php脚本服务器错误
- 从Angular应用到Express Web Server的文件提交
- 剑道文件上传并没有将所有上传的文件提交给控制器以保存在IE11上