Tag: 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>' ); […]