AngularJS:文件上传

标签 angularjs node.js file-upload

我是 angularjs 的新手。我的版本是1.6.4,与nodeJS一起使用。我正在按照本教程进行文件上传leon/angular-upload 。我执行了此处编写的所有步骤以使其正常工作。

1)凉亭安装--保存 Angular 上传

2)添加我所做的模块依赖项“lr.upload”

angular.module(__appName, ["ngMap", "multipleSelect", "lr.upload"]);

3) 在 html 页面中添加此代码片段,所以我在 fileupload.html 中添加了此代码片段。

<div class="btn btn-primary btn-upload"
         upload-button
         url="/upload"
         on-success="onSuccess(response)"
         on-error="onError(response)">Upload</div>

4)最后将脚本添加到html页面。

<script src='bower_components/angular-upload/angular-upload.min.js'></script>

但我仍然收到错误:

POST http://localhost:3000/upload 404 (Not Found)

我的 server.js 代码是:

var express = require("express");
var app = express();

app.use(express.static(__dirname + '/app'));
app.use('/bower_components',  express.static(__dirname + '/bower_components'));

app.get("/", function(req, res){
    res.redirect("app/index.html");
});

app.listen(3000, function(){
    console.log("Tellworld web app listening on port 3000");
})

最佳答案

这是您应该遵循的 Server.JS 文件 https://github.com/leon/angular-upload/blob/master/example/server.js

您必须添加:

app.post('/upload', function(req, res) { /*do your post processing here */ })

关于AngularJS:文件上传,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43917429/

相关文章:

jquery-plugins - Angular 模型更改后刷新 Bootstrap ScrollSpy

AngularJS - 以 Angular 声明服务的不同方式的主要区别是什么?

javascript - TypeError : _Model2. default.aggregate(...).forEach 不是函数

java - Apache Commons FileUpload getString() 方法 - Java

Javascript - 文件上传安全检查是否存在恶意软件、病毒

javascript - Angular : Directive Isolated Scope Undefined

javascript - $scope 在我的导航栏 Controller 中不起作用?

node.js - 如何通过 node-fluent-ffmpeg 获取视频时长?

javascript - 将字符串数组的字符串解析回数组

php - 将图像存储在 mysql 数据库中不起作用。现在怎么办?