Gravity Forms 使用多文件上传功能,怎么拿到输入框的 files 属性

标签: 

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

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

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

    在 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 个帖子)
  • 哎呀,回复话题必需登录。

话题信息

  • 当前位于:Gravity Forms
  • 1 条回复
  • 2 个参与人
  • 最后回复:<a href="https://bbs.weixiaoduo.com/users/kekechong/" title=" 查看壳壳虫的个人资料" class="bbp-author-link"><span class="bbp-author-name"> 壳壳虫</span></a>
  • 上次活动:<a href="https://bbs.weixiaoduo.com/topic/42785/#post-42786" title=" 回复至:Gravity Forms 使用多文件上传功能,怎么拿到输入框的 files 属性">1 年、 4 月前</a>