Tag: html

节点js POST mysite / uploads 404(未find)上传到天青,但本地工作

我正在为一个小型网页上传一个上传项目,我把它们全部在本地工作,我可以上传文件,我可以操纵它们,我可以得到必要的数据作为回应。 昨天晚上我把所有东西都推到了azure,现在当我尝试上传我得到的东西的时候 POST mysite/uploads 404 (Not Found) 我的file.html <form id="uploadForm" enctype="multipart/form-data" action="/uploads" method="post"> <input type="file" name="userPhoto" class="btn btn-wire" /> <input type="submit" value="Upload" name="submit" class="btn btn-primary" /> </form> HTML的file.js jQuery(document).ready(function () { $('#uploadForm').submit(function () { $("#status").empty().text("File is uploading…"); $(this).ajaxSubmit({ error: function (xhr) { $("#status").text('Error: ' + xhr.status); //alert(JSON.stringify(xhr)); }, success: function (response) { // var test […]

在浏览器中运行node.js的问题

我正在尝试使用node.js函数运行我的浏览器。 我检查了terminal和我的JavaScript文件,其中包括node.jsfunction运行良好。 但是,当我运行连接到JavaScript文件的HTML文件时,浏览器返回一个错误,说明require函数没有被定义。 我知道这是因为浏览器不能单独运行node.js 我试图运行的node.js代码是访问一个Watson视觉识别api: var watson = require('./node_modules/watson-developer-cloud'); watson.visual_recognition({ username : '49f5d504-9387-45c6-9fda-9b58a9afc209', password : 'IITqAn0VPaFr', version : 'v2-beta', version_date : '2015-12-02' }).listClassifiers({}, function(err, response) { if (err){ console.log(err); } else { console.log(JSON.stringify(response, null, 2)); } }); 我知道我有所有必需的文件,因为文件在terminal中运行。 所以我继续包括: <script src ="https://cdn.socket.io/socket.io-1.4.5.js"></script> 在我的index.html连接我的JavaScript文件之前。 但是,我的JavaScript文件仍然返回相同的错误,要求函数没有定义。 难道我做错了什么? 有没有什么办法可以在浏览器中运行这个JavaScript文件,有node.js,但是特别是没有使用browserify(这在过去导致了一些目录问题)?

Jade条件语句呈现为纯文本

我正试图有条件地在我的<head>显示一些标签 代码如下: <!doctype html> <html ng-app='nodeApp'> <head> if (title) <title>#{title}</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta charset="UTF-8"> <meta name='author' content='#{author}'> <meta name='og:title' content='#{title}'> <meta name='description' content='#{description}'> <meta name='og:description' content='#{description}'> <meta name='og:image' content='#{image}'> <meta name="theme-color" content="#3F51B5"> <!– CSS files are inserted here –> <link rel="stylesheet" href="/static/client.css" type="text/css"> </head> 当我进入我的页面时,文本“if(title)”在页面顶部以纯文本呈现。 这发生在所有的条件中。但是,标题标签是用正确的文本呈现的。 我也试过了 if title <title>#{title}</title> 和 if (title) […]

如何将查询string附加到Angular ui-router中的URL

我对AngularJS很新颖。 我使用ui-router和node.js作为我的UI服务器来调用另一台服务器的API。 现在,我无法将查询string附加到URL,具体取决于用户input(下拉select)。 我的AngularJS控制器代码: $scope.getResults = function() { server.getResults($scope.myColor, $scope.mySize) .success(function(data) { results = data; }); }; 以上function的AngularJS服务: app.factory('server', ['$http', function($http){ return { getResults : function(color, size) { var req = {}; req.color = color; req.size = size; return $http({ method: 'GET', url: 'results', params : req }); } } }]); ui路由器在Angular中: $stateProvider.state('home', { url: […]

在我的HTML中使用节点function

我正在做一个网站,需要改变一个embedded的video,当一个button被点击。 我的html页面加载了一个js脚本,需要在数据库中调用一个被节点编码的函数。 整个事情是运行在一个mongoDB服务器与mongoose来支持我。 为了使事情更清楚一些代码: 我的数据库(只有相关的function): function database(){ db = mongoose.createConnection(url); songModel = db.model('Song',{id : Number , title : String, artist : String, genre : String, rating : Number, link : String }); //init freeid songModel.count({},function(err, c){ nextFreeId=c; }); }; database.prototype.getNextFreeId = function(){ return nextFreeId; }; database.prototype.getSongById=function(id2){ songModel.findOne({id : id2}, function(err,obj){ if (err) { console.log('Not Found, […]

节点js的 – 如何安全地传递令牌从http获取请求到html页面?

我正在实施自己的自定义密码重置,发送一个电子邮件,用户正在页面重置密码。 到目前为止,我已经生成了一个独特的令牌,放在一个http获取请求链接中,并通过电子邮件发送给用户。 当用户点击链接时(例如mywebsite.com/verifypasswordreset?id=96rZyAWLTu ) 我有一个明确的路线获取令牌: //Verify Password Reset app.get('/verifypasswordreset', function(req, res) { Parse.Cloud.run('verifyPasswordReset', { token: req.param("id") }, { success: function(user) { res.sendFile(path.join(__dirname + '/website/resetpassword.html')); }, error: function(error) { res.sendFile(path.join(__dirname + '/website/404.html')); } }); }); 然后,我运行一个Parse云代码函数validation如果令牌存在,如果是的话,它通过发送包含重置密码的表单的HTML响应。 ( resetpassword.html ) 此时, resetpassword.html页面的url仍然包含embedded的令牌( mywebsite.com/verifypasswordreset?id=96rZyAWLTu ),但是,一旦用户提交表单,它会执行一个http post并发布新的密码,离开令牌后面的链接,因此我不知道哪个令牌与密码重置相关联? //Reset Password app.post('/resetpassword', function(req, res) { res.send('You sent the password "' + […]

Nodejs Express不加载脚本文件

我试图通过节点快递运行一个angular度的应用程序。 1文件结构 AngularNode public /core.js /index.html project.json server.js 2 server.js var express = require('express'); var app = express(); app.get('*', function(req, res) { res.sendfile('./public/index.html'); // load the single view file (angular will handle the page changes on the front-end) }); // listen (start app with node server.js) ====================================== app.listen(8000); console.log("App listening on port 8000"); 3 index.html […]

将Express NodeJS的值传递给AngularJS控制器variables

我想从快速NodeJS服务器传递一些值到AngularJS控制器variables。 这里是代码片段…. 服务器 app.post('/run-engine', function(req, res){ console.log(req) res.writeHead(200, {'Content-Type': 'text/html'}); fs.readFile('index.html', 'utf-8', function(err, content) { if (err) { res.end('error occurred'); return; } var reconData = 'some temp'; //here I assign temp variable with needed value var renderedHtml = ejs.render(content, {data: reconData}) res.end(renderedHtml); }); }); HTML代码片段 <section class="mdl-layout__tab-panel tab2" id="scroll-tab-2"> <div class="page-content"> <h1>This is Tab2</h1> Data: […]

表单提交之后更新页面 – 使用Angular

我正在使用MEAN框架 – 我有一个基本的forms(如下所示),当input数据时,它被发送到一个其余的API,然后有一个函数,使用Mongoose来保存数据。 这一切都很好…但是我被卡住了更基本的东西! 在用户提交了这个表单后,它会在api / img / add的空白页面上出现,我该如何回到原来的页面? 我尝试在表单标签中添加ng-submit =“fetchImages()”,然后在脚本中实现一个函数(下面也显示),但由于某种原因,这是行不通的,我错过了点,做错了什么? 提前致谢 <form action="api/img/add" method="post" enctype="multipart/form-data"> <div> <label for="image">Select an image</label> <input type="file" name="image" id="image"> </div> <div> <label for="title">Title</label> <input type="text" name="title" id="title"> </div> <input type="submit"> </form> < script > angular.module('app', []).controller('main', ['$scope', '$http', function($scope, $http) { $scope.images = []; $scope.fetchImages = function() { $scope.images […]

Node.js加载空的CSS文件

对node.js来说很新,我想知道是否有什么可以帮助我处理这个小的CSS和图像错误。 我只发布了我的html和.js的主要部分,只是为了保持清洁。 反正我的CSS和图像arent加载。 我已经尝试了一切,但不能确定。 一切工作我的forms,服务器,除了CSS和图像的一切。 任何帮助将是伟大的! 文件结构 webDemo node_modules public css indexCss.css images powerbyfhirlogo.JPG index.html package.json server.js 我的节点文件的主要部分。 var http = require('http'); var fs = require('fs'); var path = require('path'); var formidable = require("formidable"); var XMLHttpRequest = require("xmlhttprequest").XMLHttpRequest; var xhr = new XMLHttpRequest(); var request = require("request"); var express = require('express'); var app = express(); […]