Fine Uploader中的Prop Prop Type错误

时间:2017-12-04 00:43:44

标签: fine-uploader

我正在努力让Fine Uploader React工作但仍然遇到问题。

我收到以下错误: enter image description here

以下是网址:http://fineuploader.azurewebsites.net/

这是我到目前为止所做的:

  1. https://github.com/FineUploader/react-fine-uploader
  2. 将源代码下载到我的计算机上
  3. 然后我根据说明npm install编辑react-fine-uploaderfine-uploader
  4. 我运行webpack来转换并捆绑代码
  5. 添加了一个入口点index.html
  6. 最后,我只是将应用程序发布到新的Azure应用程序/网站
  7. 知道是什么导致了这个问题吗?

    P.S。我的目标是使用Fine Uploader将文件上传到Azure Blob存储。在这一点上,我只是想让Fine Uploader继续前进。我确实意识到我必须输入一些关于我的博客存储端点等的信息,但我不认为这个错误与任何相关。

1 个答案:

答案 0 :(得分:0)

图库(以及该图书馆的每个更高级别组件)需要“上传者”道具,如https://github.com/FineUploader/react-fine-uploader#high-level-components

部分所述

uploader是fine-uploader-wrappers包https://github.com/FineUploader/fine-uploader-wrappers#wrapper-classes中可用的3个类之一 这些是上传到

  1. Aws s3
  2. 天青
  3. 或您的要点
  4. 上传器类需要所有配置端点,凭据,自定义配置等...(您可以在api部分https://docs.fineuploader.com/branch/master/api/options.html中找到全面的列表)

    s3直接上传的示例如下:

    const uploader = new FineUploaderS3({
        options: {
            request: {
                endpoint: "http://fineuploadertest.s3.amazonaws.com",
                accessKey: "AKIAIXVR6TANOGNBGANQ"
            },
            signature: {
                endpoint: "/vendor/fineuploader/php-s3-server/endpoint.php"
            }
        }
    })
    

    并在图库中使用该上传器

     <Gallery uploader={ uploader } />
    

    有很多有用的自定义选项:回调,onEventHandler等你可以在fineuploader的文档中找到它们

    修改:如果我没有弄错react-transition-group是必要的,即使它未在文档中的任何位置列出...