我正在尝试<img>从 blob渲染一个。
import React from 'react';
import { getImageBlob } from '../api/images';
class ImageViewer extends React.Component {
state = {
src: undefined,
loading: true,
}
componentDidMount() {
getImageBlob()
.then((imageBlob) => {
console.log(imageBlob);
const urlCreator = window.URL || window.webkitURL;
const imageUrl = urlCreator.createObjectURL(imageBlob);
console.log(imageUrl);
this.setState({ src: imageUrl, loading: false });
})
.catch((err) => {
console.error(err);
this.setState({ loading: false });
});
}
render() {
if (this.state.loading) {
return 'loading';
}
return <img src={this.state.src} height={100} width={100} />;
}
}
export default …我正在构建一个渐进的Web应用程序.我从create-react-app开始使用样板文件.然后我添加了一个Web应用程序清单.
应用程序/公/ manifest.json的
{
"short_name": "First Contributions",
"name": "First Contributions",
"icons": [
{
"src": "/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/android-chrome-256x256.png",
"sizes": "256x256",
"type": "image/png"
}
],
"theme_color": "#ffffff",
"background_color": "#ffffff",
"display": "standalone",
"start_url": "index.html"
}
将此链接到 index.html
应用程序/公/ index.html的
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
<title>First Contributions</title>
</head>
<body>
<div id="root"></div>
<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('service-worker.js').catch(function(ex) {
console.warn(ex);
console.warn('(This warning can …我制作了一个html5游戏(使用GameMaker),它由一个index.html和一个包含游戏依赖关系的文件夹"html5game"构成 - javascript代码和资源.问题是资源数量众多且多样化(声音,精灵等),客户需要它们才能发挥作用.
我正在寻找一种方法来发送它们而不具体命名它们.
我试过了glob模块:
var glob = require( 'glob' );
var files = glob.sync( './html5game/**' ).forEach( function( file ) {
require( path.resolve( file ) );
});
但是,一旦我这样做,我无法找到使用res.sendFile()发送文件的方法.
我试过了
var express = require('express');
var app = express();
[...]
app.get('/aeronavale/jeu', function(req, res){
res.sendFile(__dirname + '/aeronavale/index.html');
res.sendFile(files)
});
[...]
app.listen(3000, function(){
console.log('app started on port 3000, yeah !')
})
但它给了我错误:
TypeError: path argument is required to res.sendFile
如果你有其他解决方案,我也有兴趣.谢谢你的回答!
我已经在节点服务器上添加了用于提供图像的代码,但在连接到Node时似乎没有在HTML中提供图像.我还有正确提供的外部CSS和JS.这是Node中代码的片段(见下文).先感谢您!
var server = http.createServer(function(req, res) {
var pathname = url.parse(req.url).pathname;
var ext = path.extname(pathname);
var handler = handlers[req.url];
if(ext) {
if(ext === ".css"){
res.writeHead(200, { "Content-Type" : "text/css" });
}
else if(ext === ".js") {
res.writeHead(200, { "Content-Type" : "text/javascript" });
}
else if(ext === ".jpg") {
res.writeHead(200, { "Content-Type" : "image/jpg" });
}
res.write(fs.readFileSync(__dirname + pathname, "utf8"));
res.end();
}
else if(handler) {
handler(req, res);
}
else {
res.writeHead(404, { "Content-type" : "text/plain" });
res.end();
}
});
server.listen(80);
我正在寻找一个RESTful API，该API将负责根据多个移动应用发送的数据（存储在Amazon redshift数据库中）插入数据。
我已经开发了一个API，您可以在这里找到：https : //github.com/Noeru14/fms。它使用Gin：https : //github.com/gin-gonic/gin。如果我打开了太多的并行连接，它曾经会崩溃/无法正常工作。
我的一个朋友谈论使用Node代替，因为它允许真正短的客户端-服务器交互。
我想知道构建RESTful API时必须考虑的因素，该API可以使用Go和Node每秒处理多达数十万个请求。您还知道在Golang中是否可行？
非常感谢。
我对 AJAX 很陌生，对于潜在的误解很抱歉，但我并没有完全完成那件事。
我正在尝试一件简单的事情。我有一个server.js文件，基本上是我的后端。然后我有一个index.html和一个script.js。就是这样，这是一个非常基本的设置。现在，在我的 上script.js，我正在获取一些数据（一个邮件地址）。现在我想将该数据发送到我的后端（到server.js）以在那里使用它。我怎样才能做到这一点？
我已经找到了一些关于 node.js 的 AJAX 的帖子，但我不明白，尤其是不知道在我的后端在哪里接收它。顺便说一下，我正在为服务器使用 express。
我拥有的script.js是：
$.ajax({
type: "POST",
url: "server.js",
data: { mail: mail },
success: function(data) {
},
error: function(jqXHR, textStatus, err) {
alert('text status '+textStatus+', err '+err)
}
});
到此为止吧？我现在如何接收我的server.js?
到目前为止没有太多，只是：
var express = require('express');
var app = express();
var server = app.listen(3000);
app.use(express.static('public'));
谢谢你的帮助 ：）
javascript ×4
node.js ×4
express ×2
html ×2
reactjs ×2
ajax ×1
game-maker ×1
go ×1
jquery ×1
scalability ×1
static-files ×1
web-manifest ×1