Articles of ng file upload

上传分块的图像文件问题

我正在使用ng-file-upload指令从我的angular度应用程序发送图像到服务器。 这是我的代码: Upload.upload({ url: 'http://localhost:5000/upload', data: { file: blobFile }, resumeChunkSize: 10000, }).then(function (resp) { //upload function returns a promise console.log('resp: ', resp); }); 图像正在大块传输。 但现在,我感到震惊 我不知道如何接收这些块并合并来创build一个完整的图像。 我的服务器代码如下: handler: function (req, res) { var size = 0; req.on('data', function (data) { size += data.length; console.log('Got chunk: ' + data.length + ' total: ' + size); […]

在validation失败时立即停止file upload

我正在处理平均堆栈应用程序,并面临file upload的一个问题。 我想立即停止所有上传global.isProcessKilledvariables为true 。 我的代码如下 photo.js var express = require("express"); var app = express() var router = express.Router(); var multer = require("multer"); var mongoose = require("mongoose"); var fs = require("fs"); var jwt = require("jsonwebtoken"); var lib = require("../../../config/lib"); var storage = multer.diskStorage({ destination: function(req, file, cb) { cb(null, dirPath); }, filename: function(req, file, cb) { […]

如何使用ng-file-upload在express js中保存文件图像

我是新的在nodejs发展,并表示我学习平均值栈nad现在我不知道我怎么可以在n这个工作人员在我的路线我有这个代码 var express = require('express'); var router = express.Router(); var multer = require('multer'); var upload = multer({ dest: __dirname + '/public/uploads/' }); router.post('/', upload.single('file'), function(req, res) { console.log(req.file); res.status(200).json({ file: req.file}); }); module.exports = router; 但我保存不是图像。 我如何保存图像文件? 我的意思是一些解码function或什么? 在控制台我看到这个: { fieldname: 'file', originalname: 'my.jpg', encoding: '7bit', mimetype: 'image/jpeg', destination: '/home/path/mean/public/uploads/', filename: '8b6256d4af77641c844480f05806e959', path: '/home/path/mean/public/uploads/8b6256d4af77641c844480f05806e959', size: […]

使用multer,ng-file-upload,angular和node将dynamic表单数据绑定到每个file upload多个文件

我在客户端使用angular和ng-file-upload。 我在服务器端使用节点,expression式和multer。 当用户select多个文件时,我会显示文件的预览以及绑定到模型的textarea。 文本区域的这个目的是为用户提供给每个上传的文件一个笔记/描述的能力。 当我调用ng-file-upload的上传函数并传入文件的模型时,我看到每个文件特有的dynamic表单数据存在于正在上传的数组中。 在服务器端我使用的是Muller。 一切似乎function正常。 我可以上传多个文件,但是dynamic表单数据在multer内置的req.files对象上不可用,我不知道在哪里可以访问dynamic数据。 我search了请求对象,找不到我正在查找的数据。 如何将dynamic数据分别添加到每个文件并将其传递给服务器并访问? 客户 $scope.uploadFiles = function(files) { console.log('files', files); //I see that this argument contains the user input as property 'Desc' if (files && files.length) { Upload.upload({ url: 'api/filesinorg/upload/'+ $rootScope.currentUser.primary_org_id, arrayKey: '', // default is '[i]' data: { files: files, fileData: { Organization_id: $rootScope.currentUser.primary_org_id, uploadBy_id: $rootScope.currentUser._id } […]

当我使用AngularJS和Node.JS上传文件时,“NetworkError:404 Not Found”

我想要上传文件时遇到此错误: “NetworkError:404 Not Found – http://127.0.0.1:8080/src/img ” 404:找不到 这是我的页面视图的代码: <div class="col-sm-10"> <input type="file" ngf-select="uploadFiles($file)" accept="image/*" ngf-max-height="1000" ngf-max-size="1MB"> </div> 我正在使用ngFileUpload模块 我的控制器: $scope.uploadFiles = function(file){ if (file) { file.upload = Upload.upload({ url: 'img', data: {file: file} }); file.upload.then(function (response) { $timeout(function () { console.log(response.data); }); }, function (response) { if (response.status > 0) console.log(response.status + ': ' […]

使用注入时,ng-file-upload不能与MEAN.JS应用程序一起使用

引发错误: angular.js:13920 Error: [$injector:unpr] Unknown provider: ngFileUploadProvider <- ngFileUpload <- MyCtrl http://errors.angularjs.org/1.5.8/$injector/unpr?p0=ngFileUploadProvider%20%3C-%20ngFileUpload%20%3C-%20MyCtrl at http://192.168.99.100:3000/lib/angular/angular.js:68:12 at http://192.168.99.100:3000/lib/angular/angular.js:4511:19 at Object.getService [as get] 当控制器定义如下: (function ($, angular) { 'use strict'; angular.module('myapp').controller('MyCtrl', MyCtrl); function MyCtrl( $scope, $q, $stateParams, Upload, $timeout ){ var vm = this; function setup(){ vm.stateParams = $stateParams; //set scope variables here viewApi(); } function viewApi(){ vm.uploadImage […]

file upload不适用于Angular和Node.JS

我有问题获取file upload与Angular ng-File-Upload模块和我的Node.js服务器一起使用。 在这个例子中,它说我应该能够通过“文件”或“文件”属性(req.file或req.files)访问客户端请求中遇到的文件。但是,请求中的这些属性是“未定义的”而且我无法find客户端请求中的文件的跟踪。 我的客户端代码如下所示: $scope.addFiles = function(files){ console.log(files); $scope.information.files = files; Upload.upload({ url: 'http://www.uploadURL.com/uploadFiles', file: files }).progress(function(evt){ console.log('progress: ' + parseInt(100.0 * evt.loaded / evt.total) + '% file :'+ evt.config.file.name); }).success(function(data, status){ console.log('data '+ data); console.log('status '+status); }).error(function(data, status){ console.log('bad data '+ data); console.log('bad status '+ data); }); } }; 上传的HTML行如下所示: <button class="btn btn-primary […]

NodeJS和angular度图像上传

尝试了很多可用的互联网教程,但我仍然无法使其function。 我在NodeJS中使用multer模块,在AngularJS中使用ng-file-upload 。 我用multer设置了两个助手(因为我有两个场景,两个上传都必须到不同的文件夹)。 后端文件在APP / APP_BACK /文件夹中,所以在目标path中,我返回一个文件夹并inputAPP_FRONT / images / header。 这里是一个帮手片段(/helpers/uploadHeader.js): var storage = multer.diskStorage({ destination: function (req, file, callback) { callback(null, '../APP_FRONT/images/header/'); }, filename: function (req, file, callback) { var ext = filename.slice((filename.lastIndexOf(".") – 1 >>> 0) + 2); callback(null, file.fieldname + '-' + '.' + ext); } }); var upload = […]

AngularJS上传文件并发送给数据库

我一直试图让ngFileUpload工作,以便我可以上传图像,并将它们发送到DB – 在我的情况下,一个mongoLab数据库接受JSON对象,可以用这样的语法POST : $http.post('myMongoName/myDb/myCollection/myTable', {'key': 'value'}) 相当简单。 然而,我很困惑如何发送使用ngFileUpload上传到数据库的图像。 我在ngFileUpload的文档页面上使用了熟悉的语法: $scope.upload = function (files) { if (files && files.length) { for (var i = 0; i < files.length; i++) { var file = files[i]; console.log(file); Upload.upload({ url: myMongoLabURL, fields: {'sup': 'sup'}, file: file }) }).success(function (data, status, headers, config) { console.log('file ' + config.file.name + […]

无法使用http-server wiki示例

我做了一个使用AngularJs的Web应用程序,用户可以使用ng-file-upload将.txtfile upload到服务器。 现在我想要一个简单的Node.js服务器来testing上传部分,并观察页面中的进度条和错误消息的行为, 但对Node.js和整个后端的工作方式知之甚less,我尝试使用由ng-file-upload提供的非常wiki的 Node.js服务器。 我试图做一些改变,把我带到这个app.js文件: var http = require('http') , util = require('util') , multiparty = require('multiparty') , PORT = process.env.PORT || 27372 var server = http.createServer(function(req, res) { if (req.url === '/') { res.writeHead(200, {'content-type': 'text/html'}); res.end( '<form action="/upload" enctype="multipart/form-data" method="post">'+ '<input type="text" name="title"><br>'+ '<input type="file" name="upload" multiple="multiple"><br>'+ '<input type="submit" value="Upload">'+ '</form>' ); […]