为什么我的 Filepond 上传不能仅在 Android 设备上运行？

Question

我目前正在使用 Filepond 将图像上传到 S3 存储桶。此功能在计算机或 iOS 设备上运行良好，但拒绝在 Android 设备上运行，我正在花时间找出根本原因。它应该可以在所有设备上正常上传。有没有人在使用 Filepond 的 Android 设备上遇到过类似的问题？我还在下面附上了相关的 Filepond 代码。我没有看到任何问题，但当然，我可能会遗漏一些东西。如果有人可以提供指针或任何类型的建议，我们将不胜感激，或者如果我遗漏了什么，请告诉我。谢谢！

JS

  <!-- Load FilePond library -->
  <script src="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.js"></script>
  <script src="https://unpkg.com/filepond/dist/filepond.js"></script>
    <script src="//cdn.jsdelivr.net/npm/sweetalert2@10"></script>

  <!-- include FilePond jQuery adapter -->
  <script src="https://unpkg.com/jquery-filepond/filepond.jquery.js"></script>

  <script type="application/javascript">
    let tags = [];
    let folderOpen = false;
    let currentTag = "Uncategorized";
    let imageUploadUrl = "{{ url_for('testing_jobs.job_image_upload', id=job.id) }}";

    // Page init code
    $( document ).ready(() => {
      // Select Fields
      $(".select2").select2();

      // Setup FilePond inputs
      $.fn.filepond.registerPlugin(FilePondPluginImagePreview);

      // Turn input element into a pond
      $('.filepond').filepond();

      // Set FilePond properties
      $('.filepond').filepond('allowMultiple', true);
      $('.filepond').filepond('instantUpload', true);
      $('.filepond').filepond('server', {
        url: imageUploadUrl,
        process: {
          onload: (res) => {
            // Select the response field to use as a unique ID
            let image = JSON.parse(res).image;
            if (folderOpen) {
                getJobImages(currentTag);
            } else {
                alert("Image added")
            }
            return image.id;
          }
        }
      });

      // Listen for addfile event
      $('.filepond').on('FilePond:addfile', function(e) {
          console.log('file added event', e);
          // Set the current tag for the image
          e.detail.file.setMetadata("tag",currentTag);
      });

      // Listen for processfile event
      $('.filepond').on('FilePond:processfile', function(e) {
          console.log('file process event', e);
          setTimeout(() => {
            e.detail.pond.removeFile();
          }, 2000);
      });

Html 提交

        <div class="card">
          <div class="card-header">
            <h4>Upload Images</h4>
          </div>
          <div class="card-body">
            <input type="file" class="filepond">
          </div>
        </div>

Answer 1

原来问题出在我的 Android 设备上的图像附件上。设置一些检查文件类型的检查，现在一切正常。

为什么我的 Filepond 上传不能仅在 Android 设备上运行？

Why are my Filepond uploads not working on Android devices only?

javascript

filepond