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>