javascript - Jquery 工具提示验证文件

Question

我想在上传文件之前验证文件，现场文件是必需的，并且应该是 pdf 扩展名。但是，当我想验证它时，脚本不会向我显示错误消息这是我的代码

<input id="faxtype_file" name="faxtype[file]" class="file  custom-file-upload-hidden" style="position: absolute; left: -9999px;" tabindex="-1" type="file"><input class="file-upload-input" type="text"><button type="button" class="file-upload-button" tabindex="-1">upload</button>

在我的 jquery 文件中:

 jQuery.validator.addMethod("regexphone", function (value, element, regexp) {

           if (regexp.constructor != RegExp)
               regexp = new RegExp(regexp);
           else if (regexp.global)
               regexp.lastIndex = 0;
           return this.optional(element) || regexp.test(value);
       }, "");

       $('#formulaire :input').tooltipster({
           trigger: 'custom', // default is 'hover' which is no good here
           onlyOne: false,    // allow multiple tips to be open at a time
           position: 'right'  // display the tips to the right of the element
       });


       $('#formulaire').validate({ // initialize the plugin
           errorPlacement: function (error, element) {
               $(element).tooltipster('update', $(error).text());
               $(element).tooltipster('show');
           },
           success: function (label, element) {
               $(element).tooltipster('hide');
           },
           rules: {
               'faxtype[faxList]': {
                   required: true,

               },
               'faxtype[file]':{
                   required:true,
                   extension: "docx|rtf|doc|pdf"
               }



           },
           messages: {

               'faxtype[faxList]': {
                   required: "{{ 'message.faxm.listnumber'|trans }}",

               },
               'faxtype[file]':{
                   required:"le fichier est obligatoir",
                   extension: "l'extension doit etre pdf"
               }

           },

       });

脚本不会验证传真列表字段，但不会验证归档字段。

在我的 Twig 上:

<div class="custom-file-upload">
            <!--<label for="file">File: </label>-->
            {{ form_widget(form.file, { 'attr': {'class':'file '} }) }} <br/><br/>
        </div>

请了解如何验证该文件。

Answer 1

您应该通过在实体的属性文件中添加约束来检查上传文件的 mimetype。

YourEntity
.... 
/**
     * @Assert\File(
     *     maxSize = "2M",
     *     mimeTypes = {"application/pdf", "application/x-pdf"},
     *     mimeTypesMessage = "You should upload a pdf file"
     * )
     */

private $faxtype;