精细上传 - angular2 +打字稿

我已经安装使用NPM安装精细上传库，并试图在该文档（http://docs.fineuploader.com/features/modules.html）精细上传 - angular2 +打字稿

就像提到导入精细上传 -

进口{QQ }来自'fine-uploader';

但它给错误，因为找不到模块。有什么需要做的事情来做到这一点？

2016-09-21 Shyam Shinde

您发布的代码不会出现在文档的任何位置。

你的代码假定的“QQ”存在一个名为出口：

import {qq } from 'fine-uploader';

精细上传不声明任何命名的出口，只有一个默认的导出。尽管如此，你可以称它为任何你想要的，以匹配文档的其余部分，将它称为“qq”是有意义的。

如文档演示，您必须导入精细上传这样的：

import qq from 'fine-uploader';

来源

2016-09-21 19:55:37

找到HTML我也试过，但仍然给出相同的错误！ –

然后，您可能尚未从npm安装Fine Uploader，或者您使用的是旧版本。 –

我使用npm安装了它，它的版本是3.10.3。我现在已经升级到3.10.8并安装了Fine Uploader ...仍然有相同的错误 –

这是我做过什么，使其工作：

零步：包括CSS和JS文件angular-cli.json文件。

"styles": [ 
    "../node_modules/fine-uploader/fine-uploader/fine-uploader-gallery.min.css" 
], 
"scripts": [ 
    "../node_modules/fine-uploader/fine-uploader/fine-uploader.min.js" 
],

步骤一： 你的组件文件的顶部添加/// <reference types="fine-uploader" />。

第二步：申报下列变量：

uploader: FineUploader.qq; 
uiOptions: FineUploader.UIOptions; 
coreEvents: FineUploader.CoreEvents;

第三步： 添加UI选项和初始化FineUploader在ngOnInit

this.uiOptions = { 
    element: document.getElementById('qq-template'), 
    template: "qq-template" 
}; 
this.uploader = new qq.FineUploader(this.uiOptions);

第四步： 添加模板您的COMPONENT_NAME.component.html文件中的HTML。您可能会在node_modules/fine-uploader/fine-uploader/templates/

来源

2017-05-19 10:20:01 Chaitanya

精细上传 - angular2 +打字稿

回答

相关问题