Tag: html
从nodejs后端发送callback到前端
我有一个fileUpload（用NodeJS制作），我想在{{upload.message}}中的html中显示上传的成功。 我用AngularJS实现了它，但是没有奏效。 我究竟做错了什么？ HTML <form enctype="multipart/form-data" action="/upload" method="POST"> <div class="form-group"> <input type="file" name="file" /> <p></p> <input type="file" name="file" /> <p></p> <input type="file" name="file" /> <br> <br> <input type="submit" value="Upload File" name="submit" class="btn btn-primary"> </form> <span>{{upload.message}}</span> </div> 的NodeJS router.post('/upload', function(req,res){ upload(req,res,function(err) { var fileNames = []; req.files.forEach(function(element){ fileNames.push(element.filename); }) console.log('Selected Files: ', fileNames); if(err){ res.end("Error: '" […]
在express.js中parsing服务器中的html值
我不知道什么时候在我以前的页面中工作不起作用。 input.form-control(type="text", name="names[]", autocomplete="off") 我想在我的服务器中检索这个值。 在我的其他页面中，我使用这个 console.log("value " + req.body["names[]"]); 我通常会得到一个名称的数组。 现在由于某种原因，我得到的是undefined我已经尝试了几个小时，我只是不知道什么是错的。
找不到公共目录（404）ExpressJS和Jade
我已经使用这个服务的静态文件。 app.use(express.static(path.join(__dirname, 'public'))); 这是我的index.jade示例 // jQuery script(src='public/js/jquery.min.js') // jQuery Easing script(src='public/js/jquery.easing.1.3.js') // Bootstrap script(src='public/js/bootstrap.min.js') // Waypoints script(src='public/js/jquery.waypoints.min.js') // Stellar Parallax script(src='public/js/jquery.stellar.min.js') // Counter script(src='public/js/jquery.countTo.js') // Magnific Popup script(src='public/js/jquery.magnific-popup.min.js') script(src='public/js/magnific-popup-options.js') // Google Map script(src='https://maps.googleapis.com/maps/api/js?key=AIzaSyCefOgb1ZWqYtj7raVSmN4PL2WkTrc-KyA&sensor=false') script(src='public/js/google_map.js') // For demo purposes only styleswitcher ( You may delete this anytime ) script(src='public/js/jquery.style.switcher.js') 这是我的结构。 这是我的控制台上的错误。 任何人都可以帮助我找出问题吗？ 那将是非常赞赏。
Uncaught TypeError：canvas.selectAll（…）.data（…）.enter不是d3中的函数
当我尝试运行我的d3代码时，出现了2个错误。 首先是： 无法加载资源：net :: ERR_CONNECTION_REFUSED 第二个： Uncaught TypeError：canvas.selectAll（…）。data（…）。enter不是一个函数 我正在使用mongoose作为我的ORM，与d3的html和v4的把手。 <p>graph displayed here </p> <script> d3.json("graphdata.json", function (dataArray) { console.log(dataArray); var width = 500; var height = 500; console.log(width); var widthScale = d3.scaleLinear().domain([0, 420]).range([0, width]); var color = d3.scaleLinear().domain([0, 420]).range(["red", "blue"]); var xAxis = d3.axisBottom(widthScale); var canvas = d3.select("p") .append("svg") .attr("width", width) .attr("height", height); var bar […]
node.js不导入css和js文件
我正在创build一个node.js上传文件和存储表单的例子。 问题是我的css和js文件不工作，当我从任何端口从localhost访问。 我使用端口3000，当我打开浏览器中的文件index.html是好的，但是当我按照localhost:3000或任何端口，端口不是问题和css文件不起作用。 所以我的代码是： HTML ： <!DOCTYPE html> <html> <head> <title>Video Uploader</title> <meta charset="utf-8"> <link href="/css/style.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="/javascript/formstorage.js"></script> <script src="/javascript/jquery-ui.js"></script> </head> <body> <form> <div class="cont fl"> <h1>File's Uploader:</h1> <div class="fl form"> <div> <h1> Your Name: </h1> <input type="text" class="inps" id="nome"> </div> <div> <h1> e-mail: </h1> <input type="text" class="inps" id="email"> </div> <div class="bt"> […]
从HTML获取Angular的未定义值
我使用ng-modal将值从HTML传递给Angular，但是在Angular中它给了我不明确的定义。 我通过ng-click传递值来将值传递给Angular，我正在使用Firebug选项来检查我在Angular中的值。 <div class ="row"> <div class="col-md-3 col-md-offset-1"> <p>Bid Price<input type= "text" class="form-control" name="Nbid" id="Nbid" ng-model ="Nbid" pattern="[0-9]" style="width:90px" ></p> <div class="col-md-5 col-md-offset-1"> <br> <p><button type="button" class="btn btn-primary" ng-click="placeBid(result.ITEM_CODE ,Nbid, result.ITEM_NAME, result.ITEM_DESC);" style="width:120px"> Place Bid</button></p></div</div> 在angular度方面的代码是： $scope.placeBid = function(ITEMCODE, Nbid, ITEM_NAME, ITEM_DESC){ $scope.value = ITEMCODE; $scope.bidpr = Nbid; $scope.ITEM_NAME = ITEM_NAME; $scope.ITEM_DESC = ITEM_DESC; console.log($scope.value); […]
将脚本元素添加到DOM而不执行它
我正在创build一个读取HTML文件的节点脚本，将其作为DOM文档进行处理，然后将其序列化回另一个文件。 我现在正在使用jsdom 。 我需要做的一个操作是添加一个<script>元素，其JavaScript代码将对DOM进一步操作。 问题是，只要我将脚本添加到jsdom节点，jsdom就会运行它，并且第二个操作阶段立即完成，因此输出HTML是错误的。 我以为这只会发生在PhantomJS，而不是jsdom，但我错了。 我没有使用jsdom的特殊约束，我可以切换到PhantomJS或其他任何东西，但是我需要生成一个HTML文件，并且在执行我的Node程序时不需要运行脚本就添加了脚本。 有没有办法做到这一点？
使用NodeJS和ExpressJS托pipe静态渐进式Web应用程序（PWA）
我正在尝试使用ExpressJS来托pipe一个静态的渐进式Web应用程序，但由于我对web dev相当陌生，所以我遇到了一些麻烦。 我发现了许多关于如何使用ExpressJS进行路由的精彩文章（请参阅下面的链接），但没有一篇能够帮助我解决问题。 这些教程是相当基本的，我找不到任何更先进的教程 – 如果你们知道任何请回复此线程并将其链接！ https://www.tutorialspoint.com/nodejs/nodejs_express_framework.htm https://stormpath.com/blog/build-nodejs-express-stormpath-app https://zellwk.com/blog/crud-express-mongodb/ https://www.codementor.io/nodejs/tutorial/build-website-from-scratch-using-expressjs-and-bootstrap 我的文件夹结构如下所示： node_modules package.json server.js index.html sw.js (service worker) public/ js/ index.js style/ index.css 和我的server.js看起来像这样： var express = require('express'); var app = express(); // Initialize static content app.use(express.static('public')); app.get('/index.html', function(req, res) { res.sendFile(__dirname + '/index.html'); }); app.listen(8887); 在我的index.html我加载我的public / style / index.css样式表和public / js / index.js […]
mongodb数据库的表格和表示
我想以html的forms在node.js，express.js和angular.js中以表格forms显示mongodb数据。 我现在正在做的是这样的 route.js app.get('/superhero', function(req, res) { superhero.superhero_list(req,res); res.sendfile('./public/superhero.html'); }); superhero.js var express = require ('express') var rootRequire = require('root-require'); var bodyParser = require('body-parser'); var superheroSchema = rootRequire('Anguar/models/superhero'); module.exports = { superhero_list: function(req, res) { superheroSchema.find({}, function(err, superhero) { if (err) { return res.status(400).send({ "message": "Server error!", "err": err }); } else { return res.status(200).send({ […]
在HTML页面中显示NodeJs的console.log
我有一个服务器app.js和多个客户端，可以连接到我的服务器。 我在index.html显示服务器对客户端的说法，但是我想在客户端与客户端交谈时对服务器执行相同的操作，并在HTML页面中显示我的客户端对服务器所说的内容 。 现在我用console.log()显示它 这里是我的代码 ，我使用的是Socket.io ：（我是Javascript新手，这只是一个testing，所以这非常简单） app.js /服务器 ： var http = require('http'), fs = require('fs'), // NEVER use a Sync function except at start-up! index = fs.readFileSync(__dirname + '/index.html'); // Send index.html to all requests var app = http.createServer(function (req, res) { res.writeHead(200, { 'Content-Type': 'text/html' }); res.end(index); }); // Socket.io server listens […]
