Jquery 精细上传器-验证“;具体的;对于每个拖放元素
在过去的两周里,我一直在处理Fine Uploader,我从文档中看到Fine Uploader的“extraButtons”选项有一个“validation”选项。这很好,因为我可以限制某些按钮只允许某些扩展 但是,我想知道是否为“dragAndDrop.extraDropzones”选项实现了验证 我在文档中没有看到它,我试着做了一些我认为可能是偶然发生的事情,但最终没有成功 非常感谢你的帮助 谢谢 干杯, 托马斯 更新 为了让您了解我到目前为止的工作,以下是我到目前为止的代码: 我只允许JPG文件通过按钮点击:Jquery 精细上传器-验证“;具体的;对于每个拖放元素,jquery,validation,fine-uploader,Jquery,Validation,Fine Uploader,在过去的两周里,我一直在处理Fine Uploader,我从文档中看到Fine Uploader的“extraButtons”选项有一个“validation”选项。这很好,因为我可以限制某些按钮只允许某些扩展 但是,我想知道是否为“dragAndDrop.extraDropzones”选项实现了验证 我在文档中没有看到它,我试着做了一些我认为可能是偶然发生的事情,但最终没有成功 非常感谢你的帮助 谢谢 干杯, 托马斯 更新 为了让您了解我到目前为止的工作,以下是我到目前为止的代码: 我只允许
extraButtons: [
{
element: $('.file-trigger')[0],
validation: {
allowedExtensions: ["jpg"]
}
},
但我不知道如何限制拖放。。。这就是我所拥有的:
dragAndDrop: {
extraDropzones: [ $('.file-trigger') ]
},
这里有一些供您测试的注释:
-尝试点击“测试1”,选择一个非jpg文件。它将导致验证错误,因为我只允许使用“jpg”文件。
-然后,尝试将一个非jpg文件(假设您使用的是Chrome)拖到“测试1”中。它实际上会通过,因为目前没有验证
谢谢 快速查看之后,问题是您从何处声明验证 例如:
extraButtons: [
{
element: $('.file-trigger')[0],
validation: {
allowedExtensions: ["jpg"]
}
},
表示“无论何时单击额外按钮,并且仅当单击额外按钮时,验证扩展是否正常。”
不是为每个按钮定义验证,而是在基本级别定义它:
$(document).ready(function () {
$("#fine-uploader").fineUploaderS3({
validation: {
allowedExtensions: ["jpg"]
},
...
});
});
尽管其他建议很有价值,但雷尼科尔斯的回答是正确的。这是一个评论,所以我在这里发布这个答案
您可以在onSubmit处理程序中检查File对象上的qqDropTarget,如果该文件对该特定放置区域无效,则可以拒绝(返回false)。您介意提供一份代码副本吗?我想看看到目前为止你到底在尝试什么…嗨,迪伦,更新了。请查收。谢谢嗨,迪伦,谢谢你的留言。也许我的信息不太清楚。我实际上是在寻找drop元素的特定验证。所以我想为一个drop元素允许一个扩展,为另一个drop元素允许一个不同的扩展。你对怎么做有什么想法吗?(让我更改主题以更清楚地说明这一点)您可以在onSubmit处理程序中检查文件对象上的qqDropTarget,如果该文件对该特定放置区域无效,则可以拒绝(返回false)。@ThomasCheng如果我理解正确,allowedExtensions选项只是一个数组,因此您可以更改每个区域的数组。例如,如果您希望其中一个有jpg和png,有[“jpg”,“png”],那么下一个可能只有[“jpg”]。这就是你想要的吗?@DylanCorriveau选项是不可变的,所以这不起作用。您需要使用我在前面的评论中提供的建议。是的,这就是为什么我建议使用上面的onSubmit处理程序。