maxFileSize and acceptFileTypes in blueimp file upload plugin do not work. Why?

前端 未结 15 926
深忆病人
深忆病人 2020-12-07 08:34

I\'m using Blueimp jQuery file upload plugin for upload files.

I had no problem in uploading but the option maxFileSize and acceptFileTypes

15条回答
  •  盖世英雄少女心
    2020-12-07 08:54

    if you have multiple file, you use a loop to verify each of the file format, something like this

    add: function(e, data) {
            data.url = 'xx/';
            var uploadErrors = [];
             var acceptFileTypes = /^image\/(gif|jpe?g|png)$/i;
            console.log(data.originalFiles);
            for (var i = 0; i < data.originalFiles.length; i++) {
                if(data.originalFiles[i]['type'].length && !acceptFileTypes.test(data.originalFiles[i]['type'])) {
                        uploadErrors.push('Not an accepted file type');
                        data.originalFiles
                    }
                    if(data.originalFiles[i]['size'].length && data.originalFiles[i]['size'] > 5000000) {
                        uploadErrors.push('Filesize is too big');
                    }
                    if(uploadErrors.length > 0) {
    
                          alert(uploadErrors.join("\n"));
                    }
            }
            data.submit();
          },
    

提交回复
热议问题