微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

无法将 Filepond 初始文件设置为来自 Google URL 的图像

如何解决无法将 Filepond 初始文件设置为来自 Google URL 的图像

我正在尝试将来自 Google Oauth2 登录的初始图像设置为 Filepond,其 URL 为:https://lh3.googleusercontent.com/a-/AOh14GhJfspkJqSgHirQwIccUfUWMqWWvkX5qAmvXedS=s96-c ,但是当我检查“网络”选项卡时,我看到一个对“localhost:3000/account/edit-profile?fetch=”的请求由我试图从中获取图像的完全相同的链接转发,当然我收到了 404 错误来自请求,那么为什么它会这样?

  const [files,setFiles] = useState([
    {
      source:
       "https://lh3.googleusercontent.com/a-/AOh14GhJfspkJqSgHirQwIccUfUWMqWWvkX5qAmvXedS=s96-c",},])

  return (
  <FilePond
    files={files}
    dropOnPage
    dropValidation
    acceptedFileTypes='image/png,image/jpeg,image/gif'
    stylePanelLayout='compact circle'
    styleLoadindicatorPosition='center bottom'
    styleProgressIndicatorPosition='right bottom'
    styleButtonRemoveItemPosition='left bottom'
    styleButtonProcessItemPosition='right bottom'
    instantUpload={false}
    imageResizeTargetWidth='200'
    imageResizeTargetHeight='200'
    imageCropAspectRatio='1:1'
    imagePreviewHeight='170'
    accept='image/png,image/gif'
    maxFileSize='5MB'
    name='files'
  />

来自网络检查器的图像:

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。