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>