下拉区域:动态更改acceptedFiles
下拉区域:动态更改acceptedFiles
提问于 2016-05-29 12:58:57
我正在尝试更改以前创建的Dropzone的acceptedFiles选项。
我就是这样设置选项的：
$myDropzone.options.acceptedFiles = '.jpg, .png';这是生成的Dropzone：
var $myDropzone = $("#my-dropzone");
$myDropzone.dropzone({
maxFiles: 100,
maxFilesize: 32,
acceptedFiles: ".jpg"});由此产生的错误是：
TypeError：$myDropzone.options未定义
更新：
这似乎没有运行任何错误：
$myDropzone.options = { acceptedFiles: '.jpg, .png' };但在接受新的文件类型方面也没有任何变化。
这里是操场的例子：http://codepen.io/anon/pen/GqqLGo
回答 6
Stack Overflow用户
发布于 2017-09-01 20:09:07
使用Dropzone文档中提到的accept回调函数可以工作，但它不限制用户的文件资源管理器中显示的文件类型。它只在用户选择之后丢弃文件，如果它没有可接受的文件扩展名。相反，完成以下步骤。
- 更改代码中某个位置的隐藏输入的accept属性，以便在初始化下拉区域之后，但在用户可以使用下拉区域之前触发该属性。这将限制用户可以选择的文件类型。 $(‘..dz隐藏-输入’).attr(‘接受’，'.pdf，.doc，.docx')；var mediaType = 'document'；
- 在用户添加文件后更改acceptedFiles选项，以告知Dropzone可以接受什么样的文件类型。从技术上讲，这可以添加到发送文件之前触发的任何Dropzone事件回调中。 $(‘.dropzone’)acceptedFiles({ acceptedFiles：'image/*'，init: function () { this.on('addedfile‘)，函数(file，xhr，formData) { if (mediaType == 'document') { this.options.acceptedFiles = '.pdf，.docx，..doc’}；})；}；
Stack Overflow用户
发布于 2017-03-27 07:44:26
我自己也用了这个
$("input").each(function()
{
var type = $(this).attr('type');
if(type == "file")
{
$(this).attr("accept", ".pdf");
}
});Stack Overflow用户
发布于 2016-12-28 08:01:10
不能动态更改属性acceptedFiles。但你可以这样做：
var acceptedTypes = ['jpg','png']
$('#dropzone').dropzone({
url: url,
accept: function(file, done) {
if ($.inArray(file.name.slice(-3), acceptedTypes ) >= 0) {
//accepted file
done();
}
else {
//Unaccepted file revert
this.removeFile(file);
}
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/37510204
复制相关文章
相似问题
腾讯云开发者
