用文件初始化Dropzone不会施加maxFiles的限制

2019-11-19 04:37:19 阅读：361 来源： 互联网

当我初始化其中包含文件的Dropzone时,知道将maxFiles设置为1,在得到maxfilesexceeded错误之前,我仍然能够向dropzone添加1个其他文件.

这是dropzone初始化的示例：

<div id="pdfs-dz" class="dropzone">
    <div class="dz-default dz-message">Drop PDFs here</div>
</div>

<script>
pdf_files = ['afile.pdf']

Dropzone.autoDiscover = false;

$('#pdfs-dz').dropzone({
    url: '/add-file/pdfs/',
    acceptedFiles: 'application/pdf',
    maxFilesize: 5,
    maxFiles: 1,
    error: function (file, response) {
        console.log('Upload failed');
        console.log(response);
        this.removeFile(file);
        $(file['previewElement']).remove();
    },
    init: function () {
        dz = this;
        pdf_files.forEach(function (val, index) {
            mockFile = {name: val, uploaded_name: val};
            dz.emit('addedfile', mockFile);
            dz.emit('complete', mockFile);
            $(dz.element).find('.dz-size').remove();
            dz.files.push(mockFile);
        });
    }
});
</script>

我在那里当然使用jQuery. pdf_files中的文件列表是从后端生成的,我将maxFiles限制更改为1,以便更轻松地解释问题.

Dropzone通常对我而言效果很好,这只是maxFiles的限制,除非用户删除了文件,否则不会强制执行,但不会使用此初始化.

那么我是否缺少某些东西,或者是一个错误？

解决方法:

我有同样的问题,我通过在模拟文件中添加accept：true解决了它.

mockFile = {名称：val,上载名称：val,已接受：true};

标签：dropzone-js,javascript,jquery
来源： https://codeday.me/bug/20191119/2033550.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

用文件初始化Dropzone不会施加maxFiles的限制