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

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


标签: 

  • 该话题包含 1 个回复,2 人参与,最后由 壳壳虫 更新于 6月 前
正在查看 2 个帖子:1-2 (共 2 个帖子)
  • 作者
    帖子
  • changhongshan
    参与者
    • 文章数量: 17
    @changhongshan
    楼主

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

    壳壳虫
    参与者
    • 文章数量: 298
    @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 个帖子)
  • 哎呀,回复话题必需登录。

未找到对应子版块?请直接在 [疑难杂症] 版块中发帖提问。

收藏纪念品


有奖活动

参与论坛社区问答,有机会获赠文派瓦普(Wapuu.com)手办模型。

话题信息

商业系统