ImageUploader 图片上传组件 在夸克浏览器中无法拍照上传 提示图片为空

[An-sx]

ImageUploader 图片上传组件 在**【夸克浏览器】**中可以正常拍照，但是点击上传，传给后端的是空，其它浏览器可以正常访问。

const [fileList, setFileList] = useState<UploadButtonItems[]>([]);

const handleUpload = async (file: File) => {
  const responseValue: UploadButtonItems = await new Promise((resove) => {
    new Compressor(file, {
      quality: 0.1,
      success: async (result: File) => {
        const formData = new FormData();
        formData.append('file', result, result.name);
        try {
          const response = await IBE.request.post<never, Response<UploadButtonItems['data']>>(
            url,
            formData,
            {
              headers: {
                'Content-Type': 'multipart/form-data',
              },
            },
          );
          if (response.code !== 0 || !response.data) {
            resove({
              code: 400,
              url: '',
              data: {},
            });
          } else {
            resove({
              url: URL.createObjectURL(file),
              data: response.data,
            });
          }
        } catch (error) {
          resove({
            code: 400,
            url: '',
            data: {},
          });
        }
      },
      error() {
        resove({
          code: 400,
          url: '',
          data: {},
        });
      },
    });
  });
  return responseValue;
};

<ImageUploader
    value: fileList,
    onChange: (e: any) => {
      if (e && e.length) {
        const fileItem = e[e.length - 1];
        props.onChange([fileItem]);
        setFileList([fileItem]);
      }
    },
    capture: true,
    preview: false,
    showFailed: false,
    upload: handleUpload,
    renderItem: () => null
>
   <div className="button-text">拍照</div>
</ImageUploader>

[miracles1919]

上传的逻辑不是你这边控制的吗？

[Eschere]

我也遇到类似的问题，应该是夸克浏览器的bug，最简单的canvas toBlob上传，在夸克浏览器也是上传了一个空的文件

canvas.toBlob(blob => {
  const data = new FormData()
  data.append('file',  blob)
  fetch('/test', {
    method: 'POST',
    body: data
  })
})

[Eschere]

解决方案是不要使用formdata上传文件，而是将arrayBuffer作为request body上传，
猜测这是ios webview的bug

canvas.toBlob(async blob => {
  fetch('/test', {
    method: 'POST',
    body: await blob.arrayBuffer()
  })
})

[HuijunXue]

最近也遇到了一模一样的问题