当前位置: 首页 > 知识库问答 >
问题:

未定义Angular2 ng2上传程序上传指令

督劲
2023-03-14

我试图在我的angular2应用程序中使用ng2上传器,我试图在我的视图中添加一个按钮点击上传操作,我试图像文档一样解释https://github.com/jkuri/ng2-uploader

component.ts

import {Component} from 'angular2/core';
import {UPLOAD_DIRECTIVES} from 'ng2-uploader/ng2-uploader';

@Component({
  selector: 'demo-app',
  templateUrl: 'app/demo.html',
  directives: [UPLOAD_DIRECTIVES],
})
export class DemoApp {
  uploadFile: any;
  options: Object = {
    url: 'http://localhost:10050/upload'
  };

  handleUpload(data): void {
    if (data && data.response) {
      data = JSON.parse(data.response);
      this.uploadFile = data;
    }
  }
}

component.html

<a href="load" class="clas1" 
       [ng-file-select]="options"
       (onUpload)="handleUpload($event)">

<div>
Response: {{ uploadFile | json }}
</div>

但我在导航器中遇到了以下错误:

错误:ReferenceError:UPLOAD_指令未定义(…)ZoneDelegate。调用@angular2 polyfills。js:332Zone。运行@angular2 polyfills。js:227(匿名函数)@angular2 polyfills。js:576ZoneDelegate。invokeTask@angular2 polyfills。js:365Zone。runTask@angular2 polyfills。js:263drainMicroTaskQueue@angular2 polyfills。js:482ZoneTask。调用@angular2 polyfills。js:434

因此,我查看了安装在节点中的ng2 uploader组件,它如下所示:

///<reference path="../../node_modules/angular2/typings/browser.d.ts"/>
import {Ng2Uploader} from './src/services/ng2-uploader';
import {NgFileSelect} from './src/directives/ng-file-select';
import {NgFileDrop} from './src/directives/ng-file-drop';

export * from './src/services/ng2-uploader';
export * from './src/directives/ng-file-select';
export * from './src/directives/ng-file-drop';

export default {
  directives: [NgFileSelect, NgFileDrop],
  providers: [Ng2Uploader]
}

export const UPLOAD_DIRECTIVES: [any] = [NgFileSelect, NgFileDrop];

所以看起来一切都是正确的,任何人都知道如何修复这个,,也许我应该添加一些东西到我的boot.ts或我的index.html,但到底是什么??

共有1个答案

乐正宏深
2023-03-14

我将在主HTML文件中尝试以下SystemJS配置:

<script>
  System.config({
    map: {
      'ng2-uploader': 'node_modules/ng2-uploader'
    },
    packages: {
      (...)   
      'ng2-uploader': {
        format: 'register',
        defaultExtension: 'js'
      }
    }
  });
  (...)
</script>
 类似资料:
  • 问题内容: 我试图得到一个简单的文件上传机制的工作与快车4.0,但我不断收到对在体内。以下是相关代码: ..和随附的帕格代码: 解决方案 由于以下mscdex的响应,我已切换为使用而不是: 问题答案: 该模块仅处理JSON和urlencoded表单提交,而不是多部分提交(如果您要上传文件,情况就是如此)。 对于multipart,您需要使用诸如或或(multiparty / formidable是

  • 我正在尝试使用 java 对亚马逊 S3 进行分段上传。我正在使用下面链接中的代码。 http://docs.aws.amazon.com/AmazonS3/latest/dev/llJavaUploadFile.html 方案 1:要上载的文件大小为 31627。我使用 partSize 作为 500000 来指定单个部件的大小。 由于文件的大小小于部分大小,因此文件将上传到 S3。 方案 2:

  • 我试图使用multer在express服务器中上载图像,但是,使用postman上载图像时,使用下面的路由会给出json消息(即正确到达了路由),但是给出。为什么?相关的文件结构如下所示,以确保我正确引用了目的地: UploadRoutes.js

  • 问题内容: 我试图编写代码以将文件上传到PHP中的“媒体”文件夹。由于某些原因,它仍然无法正常工作。 这是执行代码: 这是我的表单代码: 任何想法为什么它可能无法正常工作? 编辑: 当我使用命令“ print_r($ _ FILES);”时,它显示: Array([file] => Array([name] =>屏幕截图2012-05-29 at 12.36.11 PM.png [type] =>

  • 下面是mongoDB聚合,它在mongoDB集合项中过滤测试数组。 在使用java BasicDBObject时,将作为字符串,而不是JS 因此,这将解释“undefined”而不是。因此,这将不会按照预期筛选项目。 mongodb java驱动程序库中是否有为这个特定的值定义的常量?这是主要的问题。 不管是谁好奇... 为什么我不使用ODM? 实际上,我们确实为MongoDB使用Spring数据

  • 我正在使用Node上传mp3文件到亚马逊S3。当我上传它时,文件大小是9.0字节,当我转到公共url时,音频文件不会播放。这就是我所拥有的, 我也将权限设置为公共访问。