Tag: html
如何在HTML上使用node.js和socket.oi.js显示连接的客户端
我是新的node.js和socket.io我能够通过node.js启动一个本地服务器，并获得使用console.log端口3000上连接的客户端的数量现在我的下一步是显示在我的HTML，我是阅读关于如何在HTML上包含socket.io.js，并尝试on('connect')方法，但它返回一个未定义的错误，任何build议将是伟大的提前感谢！ 我的server.js var express = require('express'); var app = express(); var server = require('http').createServer(app); var io = require('socket.io').listen(server); users = []; connections = []; server.listen(process.env.PORT || 3000); console.log('listening to port 3000, server is running..'); app.get('/', function (req,res){ res.sendFile(__dirname + '/index.html'); }); io.sockets.on('connection',function(socket){ connections.push(socket); console.log('Connected: %s sockets connected', connections.length); //Disconnect socket.on('disconnect', function(data){ users.splice(users.indexOf(socket.username), 1); updateUsernames(); connections.splice(connections.indexOf(socket), […]
一旦生成（节点，快速），自动下载PDF
我正在使用下面的节点模块html-pdf将html转换为pdf。 我已经成功地将HTML转换为PDF格式，但是一旦创build完成，我无法下载文件。 生成PDF的代码： var fs = require('fs'); var pdf = require('html-pdf'); var html = fs.readFileSync('./test/businesscard.html', 'utf8'); var options = { format: 'Letter' }; pdf.create(html, options).toFile('./businesscard.pdf', function(err, res) { if (err) return console.log(err); console.log(res); // { filename: '/app/businesscard.pdf' } }); 我怎样才能在浏览器中打开PDF以供用户查看，或者在浏览器中自动下载PDF，而用户不必经过另一个步骤。
如何replacejs中的特定string
我有一个variables与以下数据 间皮瘤发病高峰预计将在2014年至2021年间在澳大利亚，2011年至2015年在英国，2015年至2024年在意大利，2010年在美国，2015年在丹麦，2017年在荷兰，并在2027年在日本。 在这里我想replace <img src="test" /> 至 <amp-img src="test"></amp-img> 但是在这里，我以100个logging的数据为例， <img src="test" /> 但我不知道我的img标签包含了什么。所以我van用imgreplace replace('<img',<amp-img>); 但是，我怎样才能取代结束标签即 ('/>','></amp-img>'). 任何人都可以请build议我help.Thanks。
下面的代码是使用html，expressJS生成一个web表单，并保存在MongoDB中提交的细节，但有'后'错误和'get'作品
“post”正在从邮递员处开始工作，并在浏览器中input“localhost：3000”并input条目（名称，电子邮件地址）并点击“提交”button时，在数据库中创build一个带有对象ID的文档。而不是在mongo数据库中创build一个对象。 html代码： <!DOCTYPE html> <html> <head> <title>formReg</title> </head> <body> <form name='regForm' method ='post' action ='/add'> username: <input type='text' name='username' required/><br> email: <input type='email' name='email' required/><br> address: <textarea rows='5' col='10' name='address'></textarea><br> <button type ='submit' value='submit'>submit</button> </form> </body> </html> 这段代码是和数据库html进行交互的。 var express = require("express"); var app = express(); var port = 3000; var bodyParser = require('body-parser'); app.use(bodyParser.json()); […]
将脚本部署到heroku后脚本无法运行
我创build了一个简单的JavaScript应用程序mojs，一个animation库，并希望将其部署到heroku。 首先，我尝试“heroku创build”等，并将原来的应用程序部署到heroku – 应用程序是可访问的，但脚本不起作用。 其次，我尝试通过插入一个脚本引导标签来改变一个应用程序，该应用程序遵循来自heroku网站的Node.js教程 <script src="http://cdn.jsdelivr.net/mojs/latest/mo.min.js"></script> <script src="myburstscript.js"></script> 复制我做的脚本到这个应用程序的文件夹 var myBurst = new mojs.Burst({ count:10, radius: {0 :150}, angle: {0 : 180}, children : { //fill:{'red' : 'blue'}, fill: ['red', 'purple', 'blue', 'violet'], duration : 1000, radius: 10, shape: 'polygon', delay: 'stagger(50)' } }); document.addEventListener('click', function(e) { myBurst.replay(); }); 然后运行“npm install mojs”，和往常一样， git add […]
将jQuery ajax调用转换为vanilla Javascript – 不能POST / public / error
所以这是我昨天的一个问题的轻微后续（ 更新node.js中的HTMLinput值，而不改变页面 ），我试图提交一个HTML表单，发送一个Ajax请求到我的服务器，提供两个数字，这些号码被添加到服务器上，然后显示在与表单相同的HTML页面上的一个框中。 到目前为止，我收到了JQuery中的一个解决scheme，这个解决scheme非常有用，但是我的经理希望在JavaScript中完成各种原因。 到目前为止，我已经走了一段路，但是很多人为此使用JQuery，而香草javascript方法的例子很less。 目前，在提交页面抛出“不能POST / public /”，我是新来的Ajax，所以我相当确定问题在那里。 我的（工作）JQuery代码： $(document).ready(function(){ $("#add").submit(function(event){ event.preventDefault(); var num1 = $("#numa").val(); var num2 = $("#numb").val(); $.ajax({ method: "post", url: '/add', data: JSON.stringify({ num1: num1, num2: num2 }), contentType: 'application/json', success: function(data){ $("#answer").val(data); } }) }) }) 我尝试转换为javascript： function add(){ var xml = new XMLHttpRequest(); var num1 = document.getElementById("numa"); var […]
nodejs表单发布请求不起作用
我使用nodejs和jade来创buildlogin表单。 在我的第一步，我想通过字段名（ID =名称和名称=名称）到后端。 我已经尝试了两种方法（发送来自表单和postman的post请求），但是任何方法都不会通过请求后端中的字段名来响应控制台。 我所看到的是路由器打开正确的function。 下面的代码显示了这个场景： router.js app.post('/login/post', require('./views/login/index').login); login.js exports.login = function (req, res, next){ //This works console.info('Login…') //This does not work console.info(req.body.name) //This works res.render('login/index')} login.jade form(method='post', action='/login/post', enctype='multipart/form-data') input#name.form-control(type='text', name='name') button#submit.btn.btn-primary.btn-lg.btn-block.login-button(type='submit') Login APP.JS //dependencies var config = require('./config'), express = require('express'), cookieParser = require('cookie-parser'), bodyParser = require('body-parser'), session = require('express-session'), mongoStore = […]
node.js socket.io不广播到连接的客户端
我有一个从程序接收消息的应用程序。 这个应用程序接收消息，并将消息广播到连接的客户端。 现在我在控制台和控制台上显示消息，这个接收器应用程序正在接收完美。 但是，在客户端（html页面），它没有被广播。 当我打开本地主机/结果，什么都不显示。 我究竟做错了什么？ var app = require('express')(); var http = require('http').Server(app); var io = require('socket.io')(http); var EventHubClient = require('azure-event-hubs').Client; var connectionString = 'connection string'; const bodyParser = require('body-parser') app.use(bodyParser.urlencoded({ extended: true })) app.use(bodyParser.json()) var printError = function (err) { console.log(err.message); }; var result; var printMessage = function (message) { console.log('Message received: '); […]
使用http获取html表单数据
我需要从简单的HTML表单（代码如下）获取数据，并将其发送到API（ http://netology.tomilomark.ru/doc/#api-ND ），使哈希出来。 这里是html表单代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Form</title> </head> <body> <form action="/sendForm"> Name:<br> <input type="text" name="firstName" value=""> <br> Surname:<br> <input type="text" name="lastName" value=""> <br><br> <input type="submit" value="Send"> </form> </body> 这就是我在服务器端所得到的： "use strict"; const http = require("http"); const fs = require("fs"); const PORT = 3000; let resObject = {}; let hash; // […]
节点/快速锚链路线
我正在做一个网站和前端，我正在使用HTML。 对于后端，我正在使用节点/ Express。 在HTML中，我有一些redirect不同HTML页面的锚定标记。 为了创build不同的路线，我在Express中使用了Router。 现在的问题是，当我通过节点运行我的网站，然后redirect不能按预期工作。 index.html的： <li><a href="index.html">Home</a></li> <li><a href="publication.html">Publication</a></li> <li><a href="team.htm">Team</a></li> <li><a href="contact.html">Contact</a></li> ExpressJS： index.js： var express = require('express'); var path = require('path'); //router object var router = express.Router(); router.get('/', function (req, res) { res.sendFile(path.join(__dirname, '..', '/public/html/index.html')); }); module.exports = router; publication.js： var express = require('express'); var path = require('path'); //router object var […]
