javascript - 使用不带表单的 dropzone.options
问题描述
我想在 id 上使用 dropzone。但我的 Dropzone.options.myid={} 不工作。如何验证文件类型,大小
var myDropzone = new Dropzone("div#myid", { url: "/file/post"});
我不能使用标签
console.log 文件不起作用,为什么?我的来源:
<div id="myid" style="width: 500px; height: 300px; border: 1px solid black">click here</div>
javascript
var myDropzone = new Dropzone("div#myid", { url: "dropzoneupload"});
Dropzone.options.myid = {
paramName: "file", // The name that will be used to transfer the file
maxFilesize: 2, // MB
accept: function(file, done) {
console.log(file);
if (file.name == "justinbieber.jpg") {
done("Naha, you don't.");
}
else { done(); }
}
};
解决方案
我没有看到你在哪里使用 dropzone 类来定义你的 dropzone 区域,它会为你生成默认的 dropzone 吗?
<div id="myDropZone" class="fallback dropzone" enctype="multipart/form-data">
<input type="file" id="files" class="display" multiple />
</div>
首先,您需要分离默认的 dropzone,将其添加到您的文档准备加载中。
Dropzone.autoDiscover = false;
然后你jquery或者js
var $myDropZone;
$myDropZone= new Dropzone('div#myDropZone', {*all your settings*
addRemoveLinks: true, //to remove
dictRemoveFile: '<i class="fa fa-times-circle" style="font-weight: 900;
cursor:pointer;"></i>' //I used an icon and styled as button so to give a user
experience to remove it});
希望它有帮助,问候。
推荐阅读
- amazon-web-services - Powershell 中的用户数据 - 无法更改附加的卷权限
- reactjs - 从父组件发起事件到子组件
- mysql - MySQL 查询以获取按月分组的最近 12 个月数据,包括零计数
- php - php REST - 防止在浏览器中直接访问
- 3d - 3D 坐标系变换
- typo3 - 默认语言的字段应该对所有语言都有效
- c - C: 不会创建 .eh_frame_hdr 表
- node.js - 我的代码中的 async/await 有什么问题吗
- javascript - 仅使用数据量选择元素
- wordpress - 自动在 LinkedIn 文章上重新发布 WordPress 帖子