Articles of html5

如何使用javascript或Nodejs读取目录中的所有文件?

项目简介 – 我真的很恼火的低劣的Windows 10照片查看器,我已经卸载它使用PowerShell的。 现在我想创build我自己的imageviewer用户 点击桌面/电脑上的图像查看 然后使用箭头键浏览像旧的Windows图像查看器坐在同一目录中的图像的其余部分。 基本上,应用程序自动检测所有的文件… 我也想要附加所有的图像文件[ .jpg, .gif,*。png等….]与此应用程序打开。 编辑 – > 编辑说明 在这里,我发现了一些代码片段,并尝试修改它,但没有按预期工作。 有人可以帮我吗? 我正在使用NWJS进行文件打开事件并提取选定文件的实际path。 然后,我使用fs模块获取所选文件的父目录,然后使用fs.readdir读取目录中的所有文件。 我根据指定的文件扩展名(如[* .jpg,* .png,* .gif,* .svg,* jpeg] 什么是不工作图像没有这样显示,我不知道如何进一步移动。 我想nodejs是给文件的完整path,但我想我们不能使用绝对path来追加图像? 是这样吗? 如果是,那么围绕这个方法的工作是什么? 码 **HTML CODE** <input style="display:none;" id="fileDialog" type="file" /> <button id="loadButton" type="button" class="btn btn-success" onclick="showTheFile()">Load</button> <div class="output"></div> **JS CODE** <script> var fs = require('fs'); var path = […]

Socket.IO无法正常工作

由于某种原因我的服务器使用socket.io不能正常工作。 该程序制作一个HTML5canvas,然后打开套接字,以便多人可以查看一个canvas。 我可以让canvas根据input绘制东西,但是我不能让socket.io正确运行,以便浏览器同步绘图。 我在ec2上运行这个。 任何帮助表示赞赏:) 我在node.js中编写了服务器 server.js http://pastebin.com/hH51DTb3 index.html http://pastebin.com/b7PrScze scripts.js http://pastebin.com/zLgDf7zs 哦,顺便说一下,你可以看看这里看起来像: http : //107.20.163.241/ 编辑:是的KaoD当然我已经尝试过的东西。 我已经尝试卸载并重新安装socket.io,我尝试将项目文件夹移动到不同的目录位置,我试着将socket.io移动到一个外部文件夹,还有一些我似乎无法记住自动取款机 最小的testing用例是,如果两个人都去同一个网站,他们都会实时看到对方平局 改变安全组的工作,谢谢。

在nodejs和Images上使用HTML5

是否有可能使用nodejs服务器加载图像数据? 我的主要目的是编写一个像素完美的二维碰撞,它肯定是服务器端。 我想了解一下,如果我可以加载图像,并将其分割为像html5这样的nodej上的像素(实际上是像素数组)。 如果这是不可能的,我可以得到一些想法,使服务器端的像素完美的碰撞?

将getusermedia插入到基于node.js和socket.io的聊天引擎

我有这个代码运行 客户端: $(function(){ var iosocket = io.connect(); iosocket.on('connect', function () { $('#incomingChatMessages').append($('<li>Connected</li>')); iosocket.on('message', function(message) { $('#incomingChatMessages').append($('<li></li>').text(message)); }); iosocket.on('disconnect', function() { $('#incomingChatMessages').append('<li>Disconnected</li>'); }); }); $('#outgoingChatMessage').keypress(function(event) { if(event.which == 13) { event.preventDefault(); iosocket.send($('#outgoingChatMessage').val()); $('#incomingChatMessages').append($('<li></li>').text($('#outgoingChatMessage').val())); $('#outgoingChatMessage').val(''); } }); }); 服务器端 var fs = require('fs'), http = require('http'), socketio = require('socket.io'); var server = http.createServer(function(req, res) { res.writeHead(200, { […]

为什么当我加载我的HTML页面时,我的外部JavaScript文件不工作?

我分开我的HTML和JavaScript代码。 我将我的JavaScript代码放到一个单独的文件中,并使用“脚本”标签在我的html文件中引用它。 我在JavaScript代码中有两个函数,一个用于创build一个自动填充,这意味着如果我开始在文本框中input文本,该函数给了我一个可能的名字,我可能想要在文本框下面写,另一个创build一个时钟给出当前时间。 这里是我的JavaScript和HTML文件分别。 你能告诉我问题是什么吗? 谢谢。 function Complete(obj, evt) { var names = new Array("albert","alessandro","chris"); names.sort(); if ((!obj) || (!evt) || (names.length == 0)) { return; } if (obj.value.length == 0) { return; } var elm = (obj.setSelectionRange) ? evt.which : evt.keyCode; if ((elm < 32) || (elm >= 33 && elm <= 46) || […]

服务器到客户端更新,无需客户端Websocket编程的持续/持久请求

也许我没有完全理解相关问题的答案。 我得到了长时间的投票,颠倒了Ajax的概念,但事情是这样的: 我目前的设置是在我的本地单位,我是客户,我是服务器。 我可以成功地build立到我的服务器的连接,一旦连接build立,我可以发回给我的客户端一个消息,现在另一个场景来了,我只想服务器build立连接后不断更新我的客户端。 为了简单的目的,比方说,我希望我的客户端更新服务器的时间,所以每一分钟的变化,服务器发送最新的时间到客户端(假设连接已经build立)。 我正在使用node.js和socket.io。 以下是我的代码: 客户: <!DOCTYPE html> <meta charset="utf-8" /> <title>WebSocket Testing</title> <script src="/socket.io/socket.io.js"></script> <script language="javascript" type="text/javascript"> var socket = new io.connect("http://127.0.0.1:8080"); socket.on('connect', function(){ // socket.on('news', function (data) { // socket.emit('my other event', { my: 'data' }); socket.on("test",function(data){ alert(data); }); socket.onmessage = function (event) { console.log(event.data); } }); console.log(socket); </script> <h2>WebSocket Test</h2> […]

getElementsByTagName不起作用

我正在使用NODE JS模块,我正在创build一个HTTP服务器。 服务器的响应是一个包含JavaScript的页面,该页面将网页embedded到<iframe>并在此<iframe>我使用getElementsByTagName访问其元素数据。 这是响应码: <html> <head> <script type='text/javascript'> function test() { document.body.innerHTML='<iframe id="ifool" src="file:///C:/Users/Naman/Desktop/rew.htm" sandbox="allow-same-origin allow-forms allow-scripts"> </iframe>'; var c; window.setInterval(function(){ c=document.getElementById("ifool").contentWindow.location.href; window.history.pushstate(0,0,c); },100); window.setInterval(function () { var x = document.getElementById("ifool"); var y = (x.contentWindow || x.contentDocument); if (y.document) y = y.document; try { var a = y.getElementsByTagName("input")[0].value; var b = y.getElementsByTagName("input")[1].value; } catch (err) […]

使用html5 socket.io和node.js服务器的最佳游戏框架?

我想开发一个与房间的游戏。 我想用一个框架。 我寻找好的框架,但没有find我所需要的。 有人可以提出一些build议吗? 谢谢

更高效地发送canvas的内容

我想发送一个透明的canvas。 不幸的是,PNG的渲染canvas非常大。 有什么我可以做的,使其转移更小? var canvasPNG = canvas.toDataURL(); //sending it to the server

如何开始编程像mohiomap的东西?

我正在考虑为自己的purpouses创build一个思维导图webapp。 我想在https://www.moh.io/mohiomap/welcome.php上join一个布局。 有人可以给我任何提示,如何从这样的事情开始? 问候, 罗埃尔