blocks|key|2667227|text|这里发生了几件事：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2667228|我假设您需要fs/http，并设置dir变量:)|ordered-list-item|2667229|google.com重定向到www.google.com，所以您保存的是重定向响应的主体，而不是图像|2667230|回应是流式的。这意味着“数据”事件会触发很多次，而不是一次。您必须保存并将所有块连接在一起才能得到完整的响应体。|2667231|由于您正在获取二进制数据，所以您必须在响应和writeFile+(默认为utf8)上相应地设置编码。|2667232|这应该是可行的：|2667233|var+http+=+require('http')
++,+fs+=+require('fs')
++,+options

options+=+{
++++host:+'www.google.com'
++,+port:+80
++,+path:+'/images/logos/ps_logo2.png'
}

var+request+=+http.get(options,+function(res){
++++var+imagedata+=+''
++++res.setEncoding('binary')

++++res.on('data',+function(chunk){
++++++++imagedata+%2B=+chunk
++++})

++++res.on('end',+function(){
++++++++fs.writeFile('logo.png',+imagedata,+'binary',+function(err){
++++++++++++if+(err)+throw+err
++++++++++++console.log('File+saved.')
++++++++})
++++})

})|code-block|syntax|javascript|2667234|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|U|8|@]|9|@]|A|$]]|$1|E|3|F|5|D|7|V|8|@]|9|@]|A|$]]|$1|G|3|H|5|D|7|W|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|X|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|Y|8|@]|9|@]|A|$]]|$1|M|3|N|5|O|7|Z|8|@]|9|@]|A|$P|Q]]|$1|R|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|S|$]]

A few things happening here:

<ol>
<li>I assume you required fs/http, and set the dir variable :)</li>
<li>google.com redirects to www.google.com, so you're saving the redirect response's body, not the image</li>
<li>the response is streamed. that means the 'data' event fires many times, not once. you have to save and join all the chunks together to get the full response body</li>
<li>since you're getting binary data, you have to set the encoding accordingly on response and writeFile (default is utf8)</li>
</ol>

This should work:

<pre><code>var http = require('http')
 , fs = require('fs')
 , options

options = {
 host: 'www.google.com'
 , port: 80
 , path: '/images/logos/ps_logo2.png'
}

var request = http.get(options, function(res){
 var imagedata = ''
 res.setEncoding('binary')

 res.on('data', function(chunk){
 imagedata += chunk
 })

 res.on('end', function(){
 fs.writeFile('logo.png', imagedata, 'binary', function(err){
 if (err) throw err
 console.log('File saved.')
 })
 })

})
</code></pre>

blocks|key|2308191|text|我建议您使用http-请求，这样甚至可以管理重定向。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2308192|var+http+=+require('http-request');
var+options+=+{url:+'http://localhost/foo.pdf'};
http.get(options,+'/path/to/foo.pdf',+function+(error,+result)+{
++++if+(error)+{
++++++++console.error(error);
++++}+else+{
++++++++console.log('File+downloaded+at:+'+%2B+result.file);
++++}
});|code-block|syntax|javascript|2308193|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/SaltwaterC/http-request^0|6|7|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

I suggest you use <a href="https://github.com/SaltwaterC/http-request" rel="noreferrer">http-request</a>, so that even redirects are managed.

<pre><code>var http = require('http-request');
var options = {url: 'http://localhost/foo.pdf'};
http.get(options, '/path/to/foo.pdf', function (error, result) {
 if (error) {
 console.error(error);
 } else {
 console.log('File downloaded at: ' + result.file);
 }
});
</code></pre>

blocks|key|1111139|text|这个线程是旧的，但是我想对https://github.com/mikeal/request包做同样的事情。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1111140|这里是一个有用的例子|1111141|var+fs++++++=+require('fs');
var+request+=+require('request');
//+Or+with+cookies
//+var+request+=+require('request').defaults({jar:+true});

request.get({url:+'https://someurl/somefile.torrent',+encoding:+'binary'},+function+(err,+response,+body)+{
++fs.writeFile("/tmp/test.torrent",+body,+'binary',+function(err)+{
++++if(err)
++++++console.log(err);
++++else
++++++console.log("The+file+was+saved!");
++});+
});|code-block|syntax|javascript|1111142|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/mikeal/request^0|D|X|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

This thread is old but I wanted to do same things with the <a href="https://github.com/mikeal/request" rel="noreferrer">https://github.com/mikeal/request</a> package.

Here a working example

<pre><code>var fs = require('fs');
var request = require('request');
// Or with cookies
// var request = require('request').defaults({jar: true});

request.get({url: 'https://someurl/somefile.torrent', encoding: 'binary'}, function (err, response, body) {
 fs.writeFile("/tmp/test.torrent", body, 'binary', function(err) {
 if(err)
 console.log(err);
 else
 console.log("The file was saved!");
 }); 
});
</code></pre>

blocks|key|2667269|text|，这个怎么样？|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2667270|var+http+=+require('http'),+
fs+=+require('fs'),+
options;

options+=+{
++++host:+'www.google.com'+,+
++++port:+80,
++++path:+'/images/logos/ps_logo2.png'
}

var+request+=+http.get(options,+function(res){

//var+imagedata+=+''
//res.setEncoding('binary')

var+chunks+=+[];

res.on('data',+function(chunk){

++++//imagedata+%2B=+chunk
++++chunks.push(chunk)

})

res.on('end',+function(){

++++//fs.writeFile('logo.png',+imagedata,+'binary',+function(err){

++++var+buffer+=+Buffer.concat(chunks)
++++fs.writeFile('logo.png',+buffer,+function(err){
++++++++if+(err)+throw+err
++++++++console.log('File+saved.')
++++})

})|code-block|syntax|javascript|2667271|entityMap^0|0|7|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

How about this?

<pre><code>var http = require('http'), 
fs = require('fs'), 
options;

options = {
 host: 'www.google.com' , 
 port: 80,
 path: '/images/logos/ps_logo2.png'
}

var request = http.get(options, function(res){

//var imagedata = ''
//res.setEncoding('binary')

var chunks = [];

res.on('data', function(chunk){

 //imagedata += chunk
 chunks.push(chunk)

})

res.on('end', function(){

 //fs.writeFile('logo.png', imagedata, 'binary', function(err){

 var buffer = Buffer.concat(chunks)
 fs.writeFile('logo.png', buffer, function(err){
 if (err) throw err
 console.log('File saved.')
 })

})
</code></pre>

blocks|key|2667284|text|我有一个使用fs.readFileSync(./my_local_image_path.jpg)的更简单的解决方案|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2667285|这是用于从Azure认知服务的视觉API读取图像的|2667286|const+subscriptionKey+=+'your_azure_subscrition_key';
const+uriBase+=+//+**MUST+change+your+location+(mine+is+'eastus')**
++++'https://eastus.api.cognitive.microsoft.com/vision/v2.0/analyze';

//+Request+parameters.
const+params+=+{
++++'visualFeatures':+'Categories,Description,Adult,Faces',
++++'maxCandidates':+'2',
++++'details':+'Celebrities,Landmarks',
++++'language':+'en'
};

const+options+=+{
++++uri:+uriBase,
++++qs:+params,
++++body:+fs.readFileSync(./my_local_image_path.jpg),
++++headers:+{
++++++++'Content-Type':+'application/octet-stream',
++++++++'Ocp-Apim-Subscription-Key'+:+subscriptionKey
++++}
};

request.post(options,+(error,+response,+body)+=>+{
if+(error)+{
++++console.log('Error:+',+error);
++++return;
}
let+jsonString+=+JSON.stringify(JSON.parse(body),+null,+'++');
body+=+JSON.parse(body);
if+(body.code)+//+err
{
++++console.log("AZURE:+"+%2B+body.message)
}

console.log('Response\n'+%2B+jsonString);|code-block|syntax|javascript|2667287|entityMap|0|LINK|mutability|MUTABLE|url|https://learn.microsoft.com/en-us/azure/cognitive-services/computer-vision/quickstarts/node-analyze^0|6|16|0|5|F|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|X|8|@]|D|@$9|Y|A|Z|1|10]]|E|$]]|$1|H|3|I|5|J|7|11|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|12|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

I have an easier solution using <code>fs.readFileSync(./my_local_image_path.jpg)</code>

This is for reading images from <a href="https://learn.microsoft.com/en-us/azure/cognitive-services/computer-vision/quickstarts/node-analyze" rel="nofollow noreferrer">Azure Cognative Services's Vision API</a>

<pre><code>const subscriptionKey = 'your_azure_subscrition_key';
const uriBase = // **MUST change your location (mine is 'eastus')**
 'https://eastus.api.cognitive.microsoft.com/vision/v2.0/analyze';

// Request parameters.
const params = {
 'visualFeatures': 'Categories,Description,Adult,Faces',
 'maxCandidates': '2',
 'details': 'Celebrities,Landmarks',
 'language': 'en'
};

const options = {
 uri: uriBase,
 qs: params,
 body: fs.readFileSync(./my_local_image_path.jpg),
 headers: {
 'Content-Type': 'application/octet-stream',
 'Ocp-Apim-Subscription-Key' : subscriptionKey
 }
};

request.post(options, (error, response, body) =&gt; {
if (error) {
 console.log('Error: ', error);
 return;
}
let jsonString = JSON.stringify(JSON.parse(body), null, ' ');
body = JSON.parse(body);
if (body.code) // err
{
 console.log("AZURE: " + body.message)
}

console.log('Response\n' + jsonString);
</code></pre>

blocks|key|2308272|text|使用最干净的方法在本地使用请求保存图像：|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2308273|const+request+=+require('request');
request('http://link/to/your/image/file.png').pipe(fs.createWriteStream('fileName.png'))|code-block|syntax|javascript|2308274|如果需要，在标头中添加身份验证令牌，请执行以下操作：|2308275|const+request+=+require('request');
request({
++++++++url:+'http://link/to/your/image/file.png',
++++++++headers:+{
++++++++++++"X-Token-Auth":+TOKEN,
++++++++}
++++}).pipe(fs.createWriteStream('filename.png'))++++++++++++++++++++|2308276|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/request/request^0|2|4|D|2|0|0|0|4|D|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@$9|Z|A|10|1|11]]|E|$]]|$1|F|3|G|5|H|7|12|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|13|8|@$9|14|A|15|B|C]]|D|@]|E|$]]|$1|M|3|N|5|H|7|16|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|17|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]]]

Cleanest way of saving image locally using <a href="https://github.com/request/request" rel="nofollow noreferrer">request</a>: 

<pre><code>const request = require('request');
request('http://link/to/your/image/file.png').pipe(fs.createWriteStream('fileName.png'))
</code></pre>

If you need to add authentication token in headers do this: 

<pre><code>const request = require('request');
request({
 url: 'http://link/to/your/image/file.png',
 headers: {
 "X-Token-Auth": TOKEN,
 }
 }).pipe(fs.createWriteStream('filename.png')) 
</code></pre>

Update

The accepted answer was good for last year but today I would use the package everyone else uses:
<a href="https://github.com/mikeal/request" rel="noreferrer">https://github.com/mikeal/request</a>

<hr>

Original

I'm trying to grab google's logo and save it to my server with node.js.

This is what I have right now and doesn't work:

<pre><code> var options = {
 host: 'google.com',
 port: 80,
 path: '/images/logos/ps_logo2.png'
 };

 var request = http.get(options);

 request.on('response', function (res) {
 res.on('data', function (chunk) {
 fs.writeFile(dir+'image.png', chunk, function (err) {
 if (err) throw err;
 console.log('It\'s saved!');
 });
 });
 });
</code></pre>

How can I get this working?

Writing image to local server

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

更新去年接受的答案是好的，但今天我会使用其他人都使用的软件包：原始我试图抓取谷歌的标志，并将其保存到我的服务器上，并使用node.js。这就是我现在拥有的，但不起作用的东西：        var options = {            host: 'google.com',            port: 8...

问将图像写入本地服务器
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将图像写入本地服务器EN