Tag: angularjs

Tomcat,Grunt构build

我正在使用我的angularjs应用程序和tomcat服务器端的咕噜声。 无论何时需要,在开发环境,我运行Grunt生成,采取dist文件夹,并把它放在tomcat webapp文件夹中。 但是,我有一个奇怪的问题。 只有当我从HTML页面点击它们时,应用程序中的URL才能起作用。 例如,如果我inputhttp://localhost:8080/upload – 我将得到404 page not found error ,但是如果从索引页 – http://localhost:8080 ,我点击页面上的链接,导致上传它的作品精细。 可能是什么问题呢? 如果我运行node.js上的应用程序,链接工作完美! 只是在Tomcat上它不能按预期工作。 EDITED 我用angular度js来定义这样的url angular.module('angularjsApp') .config(function ($stateProvider) { $stateProvider .state('upload', { url: '/upload', templateUrl: 'app/upload/upload.html', controller: 'UploadCtrl' }); });

在nodejs中获取表单数据参数

我正在使用angularJs向服务器发出一个http Post请求。 我能够将file upload到NodeJs服务器,但无法弄清楚如何从请求中获取keywords 。 客户端代码(AngularJs): var file = $scope.myFile; var uploadUrl = HOST_URL+"/filter-reports"; var fd = new FormData(); fd.append('file', file); fd.append('keywords','searchkey1, searchkey2'); $http.post(uploadUrl, fd, { transformRequest: angular.identity, headers: {'Content-Type': undefined} }) .success(function(data){ console.log('Fetched the data .. '+data); }) .error(function(){ console.log('could not fetch the data .. '); }); 请让我知道在Node.js上提取FormData参数,并让我知道我在哪里错了,因为我是新的NodeJs。

如何在nodejsencryption库中encryption的浏览器端解密数据?

var express = require('express'); var router = express.Router(); var crypto = require('crypto'); /* GET home page. */ router.get('/', function(req, res) { res.render('index', { title: 'Express' }); }); router.get('/data', function(req, res) { var cipher = crypto.createCipher('aes256', 'pass'); var data = 'myMessage'; cipher.update(data, 'utf8','hex'); var cip = cipher.final('hex'); console.log("Encrypted data = " + cip); // output : […]

用node.js和angular更新数据库

我有一个应用程序,发布,获取和删除数据,我想添加'更新'function,但我不知道它..我有一个node.js服务器有这样的api: app.get('/api/feedbacks', function(req, res) { // use mongoose to get all feedbacks in the database getfeedbacks(res); }); // create feedback and send back all feedback after creation app.post('/api/feedbacks', function(req, res) { // create a feedback, information comes from AJAX request from Angular FeedBack.create(req.body, function(err, feedback) { if (err) res.send(err); // get and return all the […]

令牌与angularjs

我目前的问题是如何使用令牌将注册路线redirect到主页路线。 这条路线的后端确实创build了令牌,但对于前端我无法弄清楚如何去做。 .controller('UserCreateController', function(User, $location, $localStorage) { var vm = this; // function to create a user vm.SignUpUser = function() { vm.processing = true; // clear the message vm.message = ''; // use the create function in the userService User.create(vm.userData) .success(function(data) { vm.processing = false; // clear the form vm.userData = {}; vm.message = data.message; […]

如何生成JWT并将其返回到我的应用Angular,Node,Express

我正在为我的应用程序build立一些authentication。 现在,我将发布到创buildJWT的服务器上。 我发回令牌,但我不知道如何捕捉它。 我在服务器上使用Node / Express,在前端使用Angular。 这里是端点和Angular函数。 app.post('/session', function (req, res, next){ var username = req.body.username // validate password var token = jwt.encode({username: username}, secretKey) res.json(token) }) $scope.login = function (username, password) { console.log('submitting to server') var creds = { username: $scope.username, password: $scope.password } var token = $http.post('http://localhost:3002/session', creds) console.log(token) } 一个对象被打印而不是一个令牌。 我可以看到令牌正在正确生成,因为我可以将其打印到服务器的控制台,并通过邮递员生成。

multiparty for nodejs不parsing任何上传的文件

我试图在后端使用sails.js节点(多方)+angular(angularfile upload)上执行简单的上传文件。 似乎前端正确地向后端发送了一个文件,但似乎后端没有收到任何内容,或者响应无效的请求(不一致)。 form.parse部分回应空字段和文件。 我在这里呆了几个小时,用Googlesearch了解多方的问题,但是我找不到任何有用的信息。 任何意见将不胜感激 请求标题: Accept:application/json, text/plain, */* Accept-Encoding:gzip, deflate Accept-Language:en-US,en;q=0.8 Connection:keep-alive Content-Length:76632 Content-Type:multipart/form-data; boundary=—-WebKitFormBoundary7iH8B208bfkavrKt Cookie:sails.sid=s%3AY9YwxQC90Sq7pc3bp-scW7EH.%2B%2FYHfrTXCUzfPOBpeEt7VFH6Npw3s05Rqyfgu6DHVdg Host:localhost:1337 Origin:http://localhost:1337 Referer:http://localhost:1337/kirill User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/40.0.2214.111 Safari/537.36 Request Payload ——WebKitFormBoundary7iH8B208bfkavrKt Content-Disposition: form-data; name="file"; filename="10923270_813578785376550_5210357694589684637_n.jpg" Content-Type: image/jpeg ——WebKitFormBoundary7iH8B208bfkavrKt– 后端(具有多方的节点): upload: function(req, res) { var multiparty = require('multiparty'); var fs […]

http.get问题angular + nodejs

当我使用这个代码,工作,我得到tem回应“确定”: controller.js var myApp = angular.module('myApp',[]); myApp.controller('AppController',['$scope','$http',function($scope,$http){ $http.get('/'). success(function (response) { console.log("ok"); }); }]); server.js var express = require('express'); var app = express(); app.use(express.static(__dirname + "/public")); app.get('/', function (req, res){ var person1 = { name: 'Tim', email:'tim@gmail.com', number:'32232233' }; var person2 = { name :'Dani', email:'Dani@gmail.com', number:'22222222' }; var contactList = [person1,person2]; res.json = contactList; […]

压缩和调整用户上传的图像的大小

我正在build立一个网站,有很多用户上传的图像(如airbnb假设) 到现在为止,该网站会上传你提交给亚马逊S3的任何图像,然后相应显示。 有时这些图像太重,并增加页面加载时间。 我想调整这个图像到需要的分辨率,并尽可能压缩(转换为JPEG),以加快加载时间,减lessstream量。 我发现这可以通过以下方式来完成: 创build一个HTMLcanvas,在浏览器中进行相关的转换,然后上传。 将图像上传到服务器,然后运行一些后端任务以减小尺寸和压缩。 每种方法有哪些好处? 这是最常见的? 我应该在每种情况下考虑什么? 我的堆栈目前是node.js / angular。 由于项目处于开发阶段,我现在不打算使用CDN 提前致谢!

JavaScript:使用页面对象进行量angular器testing,select下拉列表项目

所以我无法弄清楚这一点。 我的testing要求select一个列表项作为表单的一部分来创build一个新用户。 但是,当我运行testing时,它不会从列表中select一个项目。 量angular器不会返回任何错误,它认为testing是成功的。 我以前使用的函数,但为了减less代码重复,并增加stream动性和灵活性,我已经开始转换testing,以合并页面对象。 下面是我的testing文档,它显示了从两个不同的页面对象调用的函数: it('Should create first new User.', function() { var users_page = require('../page/users_page.js'); var addUser_page = require('../page/addUser_page.js'); users_page.addUserButton.click(); addUser_page.addUser('Test', 'Smith', 'Test100@testing.co.nz', 'Password', 'Password', '0'); addUser_page.userRole[1]; addUser_page.confirmNewUser.click(); addUser_page.backToUsersPage.click(); }); 除了第6行之外,一切都在这里工作 – select一个列表项目。 下面是调用.userRole函数时引用的页面对象的片段: this.userRole = function (index) { this.element(by.model('tes.userRole')).$('[value="'+index+'"]'); }; 注意:页面对象与testing对话没有问题,因为有多个其他function可以工作。 让我知道你是否需要更多的信息,欢呼。