我有从目录中读取图像并将其发送到index.html的代码.
我试图用fs.createReadStream替换fs.readFile但我不知道如何实现这个,因为我找不到一个好的例子.
这是我得到的(index.js)
var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);
var fs = require('fs');
http.listen(3000, function () {
console.log('listening on *:3000');
});
app.get('/', function (req, res) {
res.sendFile(__dirname + '/public/views/index.html');
});
io.on('connection', function (socket) {
fs.readFile(__dirname + '/public/images/image.png', function (err, buf){
socket.emit('image', { image: true, buffer: buf.toString('base64') });
});
});
的index.html
<!DOCTYPE html>
<html>
<body>
<canvas id="canvas" width="200" height="100">
Your browser does not support the HTML5 canvas tag.
</canvas>
<script src="https://cdn.socket.io/socket.io-1.2.0.js"></script>
<script>
var socket = …我正在尝试创建具有宽度和高度的新空图像并将其另存为 png 到文件。
这就是我得到的：
var myImage = new Image(200, 200);
myImage.src = 'picture.png';
window.URL = window.webkitURL || window.URL;
var contentType = 'image/png';
var pngFile = new Blob([myImage], {type: contentType});
var a = document.createElement('a');
a.download = 'my.png';
a.href = window.URL.createObjectURL(pngFile);
a.textContent = 'Download PNG';
a.dataset.downloadurl = [contentType, a.download, a.href].join(':');
document.body.appendChild(a);
我正在尝试获取具有给定宽度和高度的透明图像var myImage new Image(200, 200)作为下载的输出。
我正在尝试定义 type <MapDataset shapes: ((None,), ()), types: (tf.int64, tf.int64)>。
现在我有(<tf.Tensor: shape=(4,), dtype=int64, numpy=array([8, 3, 2, 1])>,
<tf.Tensor: shape=(), dtype=int64, numpy=5>)，但我不知道如何把它变成这个 MapDataset。
我一直在考虑以与数组类似的方式定义它，但我找不到任何这种类型来初始化它。
我一直在尝试在引导程序中创建响应式轮播，但宽度低于轮播的图像向左移动。
这是代码：
.tales {
width: 100%;
}
.carousel-inner{
width:100%;
max-height: 400x !important;
}<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="container">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
<!-- inner -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="http://placehold.it/1200x600/2c3e50/000" alt="">
</div>
<div class="item">
<img src="http://placehold.it/600x1200/d35400/000" alt="">
</div>
<div class="item">
<img src="http://placehold.it/600x600/c0392b/000" alt="">
</div>
</div>
<!-- controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon …我试图在.NET Core中重新创建代码,我得到的错误和亮点无助于解决问题.
这是代码:
using System;
using System.IO;
using System.Xml;
public class Sample
{
public static void Main()
{
string content = File.ReadAllText("input.xml");
XmlDocument doc = new XmlDocument();
doc.LoadXml(content.Trim());
XmlWriter writer = XmlWriter.Create("output.xml");
doc.Save(writer);
}
}
我尝试将Referece"System.Xml"添加到依赖项中,但它会生成新的错误.
我在将 id 传递给 handleClick 函数并将其 console.log'ing 到控制台时遇到问题。我试过简单的例子，但我不明白为什么它在我的实现中不起作用。
这是工作示例的代码：
var obiekt = [{"Zdjecie":"http://i.imgur.com/A83qNiV.jpg"},{"Zdjecie":"http://i.imgur.com/wwOoOIc.png"}];
class NavbarList extends React.Component {
constructor() {
super();
this.state = {
text: "Old Text",
id: 0,
isPasswordPage : false,
isUsernamePage : true
};
this.handleClick = this.handleClick.bind(this);
}
handleClick(event) {
const {id} = event.target;
console.log(id);
this.setState({
text: "New text",
id: event.target.id,
isPasswordPage : true,
isUsernamePage : false
});
}
passwordpage(){
return(
<div className="mainapp">
<h2>{this.state.id}</h2>
<div>
{obiekt.map((obj, index) =>{
if(index == this.state.id) return (
<div key = {index}>
<img src= …