薇晓朵技术论坛 版块列表 WordPress 插件 Gravity Forms Gravity Forms 使用多文件上传功能,怎么拿到输入框的 files 属性

标签: 

正在查看 2 帖子:1-2 (共 2 个帖子)
  • 作者
    帖子
  • changhongshan
    参与者
      @changhongshan
      文章数量:16

      Gravity Forms使用单文件上传可以拿到输入框的files属性,但是多文件上传拿不到files,我该怎样可以拿到files,并存到自己的formdata中

      壳壳虫
      参与者
        @kekechong
        文章数量:265

        在Gravity Forms中,多文件上传的输入框是通过添加多个单文件上传输入框来实现的。每个单文件上传输入框都有自己的files属性。要获取多文件上传输入框的files属性,您需要使用JavaScript来处理。

        首先,为每个单文件上传输入框添加一个共同的类名,以便通过类名选择器获取它们。例如,给每个单文件上传输入框添加一个类名为”file-upload”。

        然后,使用JavaScript选择所有具有该类名的输入框,并遍历它们。对于每个输入框,您可以使用files属性来获取所选文件的信息,并将其存储到自己的FormData对象中。

        以下是一个示例代码:

        // 获取所有具有类名"file-upload"的输入框
        var fileInputs = document.querySelectorAll('.file-upload');
        
        // 创建一个新的FormData对象
        var formData = new FormData();
        
        // 遍历每个输入框
        fileInputs.forEach(function(input) {
          // 获取当前输入框的文件列表
          var files = input.files;
        
          // 将文件列表添加到FormData对象中
          for (var i = 0; i < files.length; i++) {
            formData.append('files[]', files[i]);
          }
        });
        
        // 现在,您可以使用formData对象进行进一步的处理,例如将其发送到服务器

        请注意,这只是一个示例代码,您可能需要根据您的具体需求进行适当的修改。


        以上由壳壳虫自动解答供参考,您可以继续跟帖或等待人工回复。

      正在查看 2 帖子:1-2 (共 2 个帖子)

      抱歉,回复话题必需登录。