使用reactjs和nextjs上传文件到驱动器

发布于 2025-01-17 17:31:54 字数 438 浏览 0 评论 0原文

我正在使用这个 https://github.com/rpldy/drive-uploady 来更新文件但这个库仅显示了一个必须从本地上传文件的示例。如果我有一个文件（base64 url）或一个blob（我从之前从谷歌驱动器获得的pdf文件中获得的）我该如何使用它。我尝试了多种资源，但没有任何东西能给我结果。

这里： https://github.com/rpldy/react- uploady/tree/master/packages/ui/uploady

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

与君绝 2025-01-24 17:31:54

驱动器上的驱动器主要是用于上传的发件人。因此，您可以使用上传的大部分功能。在这种情况下， upload 上传上下文方法 -

import React from "react";
import DriveUploady, { useUploady } from "drive-uploady";


const MyButton = () => {
  const { upload } = useUploady();
  
  const onUpload = async () =>  {
  
    const myBlob = await getBlobFromSomewhere();
    
    upload(myBlob);
  };

  return <button onClick={onUpload}>Upload</button>
};

const App = () => {

  return <DriveUploady
          ...
          >
          <MyButton />
        </DriveUploady>
};

单击按钮后，这将启动上传过程。当然，您在哪里得到斑点是您的责任。

Drive-Uploady is mainly a sender for Uploady. Therefore, you are able to use most of Uploady's functionality. In this case, the upload context method -

import React from "react";
import DriveUploady, { useUploady } from "drive-uploady";


const MyButton = () => {
  const { upload } = useUploady();
  
  const onUpload = async () =>  {
  
    const myBlob = await getBlobFromSomewhere();
    
    upload(myBlob);
  };

  return <button onClick={onUpload}>Upload</button>
};

const App = () => {

  return <DriveUploady
          ...
          >
          <MyButton />
        </DriveUploady>
};

This will initiate the upload process once the button is clicked. Where you get the blob is your responsibility of course.

回复收藏 0 原文

~没有更多了~