blocks|key|2953605|text|sharp最近颇受欢迎，但它与魔术绑定的概念是一样的。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2953606|2953607|然而，必须安装ImageMagick/GraphicsMagick来进行简单的图像大小调整对我来说似乎太过分了|blockquote|2953608|2953609|2953610|调整图像大小绝非易事。JPEG格式特别复杂，有几种方法可以缩放具有不同质量结果的图形，但很少有容易实现的方法。图像处理库就是用来做这项工作的，所以如果没有其他原因你不能安装它们，那就去安装吧。|2953611|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/lovell/sharp^0|0|5|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@$A|U|B|V|1|W]]|C|$]]|$1|D|3|-4|5|6|7|X|8|@]|9|@]|C|$]]|$1|E|3|F|5|G|7|Y|8|@]|9|@]|C|$]]|$1|H|3|-4|5|6|7|Z|8|@]|9|@]|C|$]]|$1|I|3|-4|5|6|7|10|8|@]|9|@]|C|$]]|$1|J|3|K|5|6|7|11|8|@]|9|@]|C|$]]|$1|L|3|-4|5|6|7|12|8|@]|9|@]|C|$]]]|M|$N|$5|O|P|Q|C|$R|S]]]]

<a href="https://github.com/lovell/sharp">sharp</a> has enjoyed some popularity recently, but it’s the same idea as *Magick bindings.

<blockquote>
 However, having to install ImageMagick/GraphicsMagick to do a simple image resizing seems too overkill for me
</blockquote>

Image resizing is anything but simple. The JPEG format is particularly complex, and there are several ways to scale graphics with results of varying quality, few of them easily implemented. Image processing libraries exist to do this job, so if there’s no other reason why you can’t install them, go for it.

blocks|key|153095|text|如果您不需要大图，可以在上传之前在客户端调整大小：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|153096|Reading+files+in+JavaScript+using+the+File+APIs|offset|length|153097|Image+resizing+client-side+with+javascript+before+upload+to+the+server|153098|许多用户可能会从智能手机上获得自己的照片，其中许多人的大小超过200kB。请注意，客户端提供的数据是不可信任的，因此服务器端检查仍然适用。|153099|entityMap|0|LINK|mutability|MUTABLE|url|http://www.html5rocks.com/en/tutorials/file/dndfiles/|1|https://stackoverflow.com/questions/2434458/image-resizing-client-side-with-javascript-before-upload-to-the-server^0|0|0|1B|0|0|0|1Y|1|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|U|8|@]|9|@$D|V|E|W|1|X]]|A|$]]|$1|F|3|G|5|6|7|Y|8|@]|9|@$D|Z|E|10|1|11]]|A|$]]|$1|H|3|I|5|6|7|12|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|13|8|@]|9|@]|A|$]]]|K|$L|$5|M|N|O|A|$P|Q]]|R|$5|M|N|O|A|$P|S]]]]

If you don't need a large image, you can resize it on the client side before uploading it:

<a href="http://www.html5rocks.com/en/tutorials/file/dndfiles/" rel="nofollow noreferrer">Reading files in JavaScript using the File APIs</a>

<a href="https://stackoverflow.com/questions/2434458/image-resizing-client-side-with-javascript-before-upload-to-the-server">Image resizing client-side with javascript before upload to the server</a>

Many users might have a good picture of themselves from a smartphone, and many of them are over 200kB. Note that client-provided data is not to be trusted, so server-side checks still apply.

blocks|key|2740925|text|我最近开始在没有任何运行时依赖项(read+why)的情况下为NodeJS开发一个图像处理模块。它还处于早期阶段，但已经可以使用了。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2740926|您所要求的内容将按如下方式完成：|2740927|image.resize(200,+200,+function(err,+image){
++++//+encode+resized+image+to+jpeg+and+get+a+Buffer+object
++++image.toBuffer('jpg',+function(err,+buffer){
++++++++//+save+buffer+to+disk+/+send+over+network+/+etc.
++++});
});|code-block|syntax|javascript|2740928|有关更多信息，请访问模块的Github+repo。|2740929|entityMap|0|LINK|mutability|MUTABLE|url|http://eyalarubas.com/image-processing-nodejs.html|1|https://github.com/EyalAr/lwip^0|H|8|0|0|0|0|D|B|1|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|6|7|10|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|11|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|12|8|@]|9|@$A|13|B|14|1|15]]|C|$]]|$1|M|3|-4|5|6|7|16|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]|U|$5|P|Q|R|C|$S|V]]]]

I have recently started developing an image processing module for NodeJS without any runtime dependencies (<a href="http://eyalarubas.com/image-processing-nodejs.html" rel="noreferrer">read why</a>). It's still at early stages, but already usable.

What you are asking for would be done as follows:

<pre><code>image.resize(200, 200, function(err, image){
 // encode resized image to jpeg and get a Buffer object
 image.toBuffer('jpg', function(err, buffer){
 // save buffer to disk / send over network / etc.
 });
});
</code></pre>

More info at the module's <a href="https://github.com/EyalAr/lwip" rel="noreferrer">Github repo</a>.

blocks|key|2740964|text|看看lwip：https://github.com/EyalAr/lwip|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2740965|非常简单易用|2740966|npm+install+lwip|code-block|syntax|javascript|2740967|然后在你的节点代码中，|2740968|//+obtain+an+image+object:
require('lwip').open('image.jpg',+function(err,+image){

++//+check+err...
++//+define+a+batch+of+manipulations+and+save+to+disk+as+JPEG:
++image.batch()
++++.scale(0.75)++++++++++//+scale+to+75%25
++++.rotate(45,+'white')++//+rotate+45degs+clockwise+(white+fill)
++++.crop(200)++++++++++++//+crop+a+200X200+square+from+center
++++.blur(5)++++++++++++++//+Gaussian+blur+with+SD=5
++++.writeFile('output.jpg',+function(err){
++++++//+check+err...
++++++//+done.
++++});

});|2740969|我已经在我的file+uploader中成功地实现了这一点，它的效果非常好。|2740970|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/EyalAr/lwip|1|https://github.com/arvindr21/blueimp-file-upload-expressjs^0|7|U|0|0|0|0|0|0|6|D|1|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@$A|11|B|12|1|13]]|C|$]]|$1|D|3|E|5|6|7|14|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|15|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|16|8|@]|9|@]|C|$]]|$1|M|3|N|5|H|7|17|8|@]|9|@]|C|$I|J]]|$1|O|3|P|5|6|7|18|8|@]|9|@$A|19|B|1A|1|1B]]|C|$]]|$1|Q|3|-4|5|6|7|1C|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|X]]|Y|$5|T|U|V|C|$W|Z]]]]

Take a look at lwip : <a href="https://github.com/EyalAr/lwip">https://github.com/EyalAr/lwip</a>

Very simple and easy to use

<pre><code>npm install lwip
</code></pre>

and then in your node code,

<pre><code>// obtain an image object:
require('lwip').open('image.jpg', function(err, image){

 // check err...
 // define a batch of manipulations and save to disk as JPEG:
 image.batch()
 .scale(0.75) // scale to 75%
 .rotate(45, 'white') // rotate 45degs clockwise (white fill)
 .crop(200) // crop a 200X200 square from center
 .blur(5) // Gaussian blur with SD=5
 .writeFile('output.jpg', function(err){
 // check err...
 // done.
 });

});
</code></pre>

I have successfully implemented this in my <a href="https://github.com/arvindr21/blueimp-file-upload-expressjs">file uploader</a> and it works like a charm.

blocks|key|154529|text|我会投票给sharp|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|154530|sharp('input.jpg')
++.resize(200,+200)
++.toFile('ouput.jpg',+function(err)+{
++++//+output.jpg+is+a+200+pixels+wide+and+200+pixels+high+image
++++//+containing+a+scaled+and+cropped+version+of+input.jpg
++});|code-block|syntax|javascript|154531|它很快，typically+6x+faster+than+the+fastest+imagemagick-based+node+bindings，并且运行在非常少的内存中，perhaps+10x+less。sharp直接链接到libvips图像库，不需要外部程序，而且在这项任务中，库本身比*magick更快、更有效。它支持流、缓冲区和文件系统输入输出、色彩管理、透明度、承诺、覆盖、WebP、SVG等有用的功能。|154532|从sharp+0.20开始，npm将在大多数平台上自动下载完整的预编译二进制文件，因此不需要node-gyp。只需输入：|154533|npm+install+sharp|154534|或者：|154535|yarn+add+sharp|154536|你就可以走了。|154537|entityMap|0|LINK|mutability|MUTABLE|url|https://sharp.pixelplumbing.com/|1|https://sharp.pixelplumbing.com/performance|2|https://github.com/libvips/libvips/wiki/Speed-and-memory-use|3|https://libvips.github.io/libvips/^0|5|5|0|0|0|4|1W|1|2E|G|2|35|7|3|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|18|8|@]|9|@$A|19|B|1A|1|1B]]|C|$]]|$1|D|3|E|5|F|7|1C|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|1D|8|@]|9|@$A|1E|B|1F|1|1G]|$A|1H|B|1I|1|1J]|$A|1K|B|1L|1|1M]]|C|$]]|$1|K|3|L|5|6|7|1N|8|@]|9|@]|C|$]]|$1|M|3|N|5|F|7|1O|8|@]|9|@]|C|$G|H]]|$1|O|3|P|5|6|7|1P|8|@]|9|@]|C|$]]|$1|Q|3|R|5|F|7|1Q|8|@]|9|@]|C|$G|H]]|$1|S|3|T|5|6|7|1R|8|@]|9|@]|C|$]]|$1|U|3|-4|5|6|7|1S|8|@]|9|@]|C|$]]]|V|$W|$5|X|Y|Z|C|$10|11]]|12|$5|X|Y|Z|C|$10|13]]|14|$5|X|Y|Z|C|$10|15]]|16|$5|X|Y|Z|C|$10|17]]]]

I would vote for <a href="https://sharp.pixelplumbing.com/" rel="noreferrer">sharp</a>:

<pre><code>sharp('input.jpg')
 .resize(200, 200)
 .toFile('ouput.jpg', function(err) {
 // output.jpg is a 200 pixels wide and 200 pixels high image
 // containing a scaled and cropped version of input.jpg
 });
</code></pre>

It's fast, <a href="https://sharp.pixelplumbing.com/performance" rel="noreferrer">typically 6x faster than the fastest imagemagick-based node bindings</a>, and runs in very little memory, <a href="https://github.com/libvips/libvips/wiki/Speed-and-memory-use" rel="noreferrer">perhaps 10x less</a>. sharp links to the <a href="https://libvips.github.io/libvips/" rel="noreferrer">libvips</a> image library directly, there is no shelling out to an external program, and the library itself is faster and more efficient than *magick at this task. It supports useful things like stream, buffer and filesystem input and output, colour management, transparency, promises, overlays, WebP, SVG, and more. 

As of sharp 0.20, npm will automatically download complete pre-compiled binaries on most platforms, so there's no need for node-gyp. Just enter:

<pre><code>npm install sharp
</code></pre>

or:

<pre><code>yarn add sharp
</code></pre>

And off you go.

blocks|key|153183|text|我使用的是lwip+(正如arvind之前建议的那样)，但后来切换到了png-crop。对我来说，它似乎工作得更快一些(win8.1nodev0.12.7)。repo中的代码看起来非常轻量级，在操作上使用起来也很简单。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|153184|var+pngcrop+=+require('png-crop');
var+config+=+{left:+10,+top:+100,+height:+150,+width:+150};
pngcrop.crop('cats.png','cats-cropped.png',config);|code-block|syntax|javascript|153185|当然，它只会处理png文件...|153186|entityMap|0|LINK|mutability|MUTABLE|url|https://www.npmjs.com/package/png-crop^0|Z|8|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|F|7|W|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|C|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

I was using lwip (as previously suggested by arvind) but switched to <a href="https://www.npmjs.com/package/png-crop" rel="nofollow">png-crop</a>. It seems to work a little faster for me (Win 8.1 x64, Node v0.12.7). The code in the repo looks incredibly lightweight, and operationally it's simple to use.

<pre class="lang-js prettyprint-override"><code>var pngcrop = require('png-crop');
var config = {left: 10, top: 100, height: 150, width: 150};
pngcrop.crop('cats.png','cats-cropped.png',config);
</code></pre>

Of course, it'll only do png files...

blocks|key|2953837|text|有一个很好的完全用JavaScript编写的图像操作库，不依赖于任何其他库Jimp。https://github.com/oliver-moran/jimp|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2953838|示例用法：|2953839|var+Jimp+=+require("jimp");

//+open+a+file+called+"lenna.png"
Jimp.read("lenna.png",+function+(err,+lenna)+{
++++if+(err)+throw+err;
++++lenna.resize(256,+256)++++++++++++//+resize
+++++++++.quality(60)+++++++++++++++++//+set+JPEG+quality
+++++++++.write("lena-small.jpg");+//+save
});|code-block|syntax|javascript|2953840|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/oliver-moran/jimp^0|16|10|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]]]]

There is a good image manipulation library written entirely in JavaScript, without dependencies to any other libraries, Jimp. <a href="https://github.com/oliver-moran/jimp" rel="noreferrer">https://github.com/oliver-moran/jimp</a> 

Example usage:

<pre><code>var Jimp = require("jimp");

// open a file called "lenna.png"
Jimp.read("lenna.png", function (err, lenna) {
 if (err) throw err;
 lenna.resize(256, 256) // resize
 .quality(60) // set JPEG quality
 .write("lena-small.jpg"); // save
});
</code></pre>

blocks|key|2953861|text|Sharp工作得很好，很容易与streams一起使用，工作起来很棒，但你需要用node版本来编译它，这是它的缺点。我使用夏普进行图像处理，使用来自亚马逊网络服务S3存储桶的图像，工作得很好，但我必须使用另一个模块。通用汽车不适合我，但是Jimp工作得很好！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2953862|你必须注意书面图片的路径，如果路径以"/“开头，可能会给你一些错误。|2953863|这是我在nodeJS中使用Jimp的方式：|2953864|const+imageUrl+=+`SOME_URL`;
let+imgExported+=+'EXPORTED_PIC.png';

Jimp.read(imageUrl)
++++.then(image+=>+{
++++++++image+++
++++++++++++.resize(X,+Y)+
++++++++++++.write(`tmp/`%2B+imgExported,+err+=>+{+
++++++++++++++++if(err)+
++++++++++++++++++++console.error('Write+error:+',+err);
++++++++++++++++else+{+...+//+don't+forget+to+put+a+callback()+}+}

++++++++++++});|code-block|syntax|javascript|2953865|还要注意执行的顺序，设置一个回调，这样其他事情就不会在你不想发生的时候发生。尝试对Jimp.read()使用"await“，但效果不佳。|2953866|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Q|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|R|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Sharp work very well and is easy to use with streams, work like a charm, but you need to compile it with the node version, this is a downside to it.
I was using Sharp for image processing, with an image from an AWS S3 bucket and worked perfectly, but I had to use another module. GM didn't work for me, but Jimp worked very good!

You have to pay attention to the path of the written picture, it might give you some errors if you start the path with a "/".

This is how I used Jimp in nodeJS:

<pre><code>const imageUrl = `SOME_URL`;
let imgExported = 'EXPORTED_PIC.png';

Jimp.read(imageUrl)
 .then(image =&gt; {
 image 
 .resize(X, Y) 
 .write(`tmp/`+ imgExported, err =&gt; { 
 if(err) 
 console.error('Write error: ', err);
 else { ... // don't forget to put a callback() } }

 });
</code></pre>

Also watch out for the order of execution, put a callback so other things don't happen when you don't want to. Tried using "await" for the Jimp.read() but it didn't do the job well.

blocks|key|157072|text|您可以使用jimp+(node_module)来完成此操作|type|unstyled|depth|inlineStyleRanges|entityRanges|data|157073|本地写入：|offset|length|style|BOLD|157074|Jimp.read(path)+//+this+can+be+url+or+local+location
++++++.then(image=>+{
++++++++++image
++++++++++++.resize(size,+Jimp.AUTO)+//+jimp.AUTO+automatically+sets+the+width+so+that+the+image+doesnot+looks+odd
++++++++++++.write('path-to-save');
++++++})
++++++.catch(err+=>+{
++++++++console.log(err);
++++++});|code-block|syntax|javascript|157075|上传到s3或任何你喜欢的地方的。|157076|Jimp.read(urls)+//+this+can+be+url+or+local+location
++++++++++.then(image=>+{
++++++++++++++image
++++++++++++++++.resize(size,+Jimp.AUTO)+//+jimp.AUTO+automatically+sets+the+width+so+that+the+image+doesnot+looks+odd
++++++++++++++++.getBase64(Jimp.AUTO,+(err,+res)+=>+{
++++++++++++++++++const+buf+=+new+Buffer(
++++++++++++++++++++res.replace(/%5Edata:image\/\w%2B;base64,/,+""),
++++++++++++++++++++"base64"
++++++++++++++++++);
++++++++++++++++++var+data+=+{
++++++++++++++++++++Key:+key,
++++++++++++++++++++Bucket:+bucket,
++++++++++++++++++++Body:+body,
++++++++++++++++++++ContentEncoding:+"base64",
++++++++++++++++++++ContentType:+"image/jpeg"
++++++++++++++++++};
++++++++++++++++++s3.putObject(data,+function(err,+data)+{
++++++++++++++++++++if+(err)+{
++++++++++++++++++++++throw+err;
++++++++++++++++++++}+else+{
++++++++++++++++++++++console.log("succesfully+uploaded+the+image!");
++++++++++++++++++++}
++++++++++++++++++});
++++++++++++++++});
++++++++++})
++++++++++.catch(err+=>+{
++++++++++++console.log(err);
++++++++++});|157077|entityMap^0|0|0|5|0|0|F|1|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@$D|U|E|V|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|W|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|X|8|@$D|Y|E|Z|F|G]]|9|@]|A|$]]|$1|O|3|P|5|J|7|10|8|@]|9|@]|A|$K|L]]|$1|Q|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|R|$]]

You can do this using jimp (node_module)

Local Write:

<pre><code>Jimp.read(path) // this can be url or local location
 .then(image=&gt; {
 image
 .resize(size, Jimp.AUTO) // jimp.AUTO automatically sets the width so that the image doesnot looks odd
 .write('path-to-save');
 })
 .catch(err =&gt; {
 console.log(err);
 });
</code></pre>

To upload to s3 or where ever you like.

<pre><code>Jimp.read(urls) // this can be url or local location
 .then(image=&gt; {
 image
 .resize(size, Jimp.AUTO) // jimp.AUTO automatically sets the width so that the image doesnot looks odd
 .getBase64(Jimp.AUTO, (err, res) =&gt; {
 const buf = new Buffer(
 res.replace(/^data:image\/\w+;base64,/, ""),
 "base64"
 );
 var data = {
 Key: key,
 Bucket: bucket,
 Body: body,
 ContentEncoding: "base64",
 ContentType: "image/jpeg"
 };
 s3.putObject(data, function(err, data) {
 if (err) {
 throw err;
 } else {
 console.log("succesfully uploaded the image!");
 }
 });
 });
 })
 .catch(err =&gt; {
 console.log(err);
 });
</code></pre>

blocks|key|2953906|text|我喜欢resize-img库的简单性。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2953907|const+fs+=+require('fs');
const+resizeImg+=+require('resize-img');

(async+()+=>+{
++++const+image+=+fs.readFileSync('unicorn.png');

++++const+newImage+=+await+resizeImg(image,+{+width:+128,+height:+128+});

++++fs.writeFileSync('unicorn-128x128.png',+newImage);
})();|code-block|syntax|javascript|2953908|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/kevva/resize-img^0|3|A|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 like <a href="https://github.com/kevva/resize-img" rel="nofollow noreferrer">resize-img</a> library for its simplicity.

<pre><code>const fs = require('fs');
const resizeImg = require('resize-img');

(async () =&gt; {
 const image = fs.readFileSync('unicorn.png');

 const newImage = await resizeImg(image, { width: 128, height: 128 });

 fs.writeFileSync('unicorn-128x128.png', newImage);
})();
</code></pre>

blocks|key|2953939|text|使用Google+Drive+API+v3实现了图像大小的调整。建议将此方法用于Google+Apps脚本将图像插入到Google+Sheet中。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2953940|算法：|style|BOLD|2953941|调整图像到Google+Drive+folder.|2953942|Get图像缩略图公共URL。|unordered-list-item|2953943|
|2953944|将URL中的‘|2953945|Upload’参数替换为必要的宽度和/或高度。(默认缩略图大小为谷歌驱动器中的220px).|ordered-list-item|2953946|Download调整大小的缩略图。|2953947|2953948|2953949|请参阅此处的示例：https://github.com/dobromyslov/google-drive-utils/blob/511c44c2c48862b47c60038423b7f71bf1d28f49/src/index.ts#L150|2953950|注意GDrive配额：|2953951|每天的|2953952|查询数:每个用户每100秒的1000000000|2953953|queries+:每100秒1000个|2953954|查询数:10000个|2953955|2953956|entityMap|0|LINK|mutability|MUTABLE|url|https://developers.google.com/drive/api/v3/reference/files#resource|1|https://developers.google.com/drive/api/v3/reference/files/get|2|https://developers.google.com/drive/api/v3/reference/files/create|3|https://github.com/dobromyslov/google-drive-utils/blob/511c44c2c48862b47c60038423b7f71bf1d28f49/src/index.ts#L150^0|2|J|0|0|0|3|0|0|0|3|1|0|0|0|0|6|2|0|0|0|0|9|35|3|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1O|8|@]|9|@$A|1P|B|1Q|1|1R]]|C|$]]|$1|D|3|E|5|6|7|1S|8|@$A|1T|B|1U|F|G]]|9|@]|C|$]]|$1|H|3|I|5|6|7|1V|8|@]|9|@]|C|$]]|$1|J|3|K|5|L|7|1W|8|@]|9|@$A|1X|B|1Y|1|1Z]]|C|$]]|$1|M|3|N|5|6|7|20|8|@]|9|@]|C|$]]|$1|O|3|P|5|L|7|21|8|@]|9|@]|C|$]]|$1|Q|3|R|5|S|7|22|8|@]|9|@$A|23|B|24|1|25]]|C|$]]|$1|T|3|U|5|S|7|26|8|@]|9|@]|C|$]]|$1|V|3|-4|5|6|7|27|8|@]|9|@]|C|$]]|$1|W|3|-4|5|6|7|28|8|@]|9|@]|C|$]]|$1|X|3|Y|5|6|7|29|8|@]|9|@$A|2A|B|2B|1|2C]]|C|$]]|$1|Z|3|10|5|6|7|2D|8|@]|9|@]|C|$]]|$1|11|3|12|5|6|7|2E|8|@]|9|@]|C|$]]|$1|13|3|14|5|L|7|2F|8|@]|9|@]|C|$]]|$1|15|3|16|5|L|7|2G|8|@]|9|@]|C|$]]|$1|17|3|18|5|L|7|2H|8|@]|9|@]|C|$]]|$1|19|3|-4|5|6|7|2I|8|@]|9|@]|C|$]]|$1|1A|3|-4|5|6|7|2J|8|@]|9|@]|C|$]]]|1B|$1C|$5|1D|1E|1F|C|$1G|1H]]|1I|$5|1D|1E|1F|C|$1G|1J]]|1K|$5|1D|1E|1F|C|$1G|1L]]|1M|$5|1D|1E|1F|C|$1G|1N]]]]

Implemented image resize using <a href="https://developers.google.com/drive/api/v3/reference/files#resource" rel="nofollow noreferrer">Google Drive API v3</a>. This method is recommended for Google Apps Script to insert images into Google Sheets.
Algorithm:
<ol>
<li><a href="https://developers.google.com/drive/api/v3/reference/files/create" rel="nofollow noreferrer">Upload</a> image to the Google Drive folder.</li>
<li><a href="https://developers.google.com/drive/api/v3/reference/files/get" rel="nofollow noreferrer">Get</a> image thumbnail public URL.</li>
<li>Replace 'resize' parameter in the URL with necessary width and/or height. (Default thumbnail size is 220px).</li>
<li>Download resized thumbnail from the Google Drive.</li>
</ol>
See example here:
<a href="https://github.com/dobromyslov/google-drive-utils/blob/511c44c2c48862b47c60038423b7f71bf1d28f49/src/index.ts#L150" rel="nofollow noreferrer">https://github.com/dobromyslov/google-drive-utils/blob/511c44c2c48862b47c60038423b7f71bf1d28f49/src/index.ts#L150</a>
And beware of GDrive quotas:
<ul>
<li>queries per day: 1000000000</li>
<li>queries per 100 sec per user: 1000</li>
<li>queries per 100 sec: 10000</li>
</ul>

I'm developing a web app on Node.js (+ express 4) where users can set their profile image by uploading it to the server. We already limit the file mimetype and max filesize, so the user can't upload more than 200KB png or jpeg images.
The problem is we'd like to resize (serverside) the uploaded image resolution to 200x200 to improve page loading and saving space on disk. After some research, all answers pointed to using any module based on ImageMagick or GraphicsMagick.
However, having to install ImageMagick/GraphicsMagick to do a simple image resizing seems too overkill for me, so, is there any other solution other than this for Node.js?
Edit: I've changed the accepted solution to <a href="https://sharp.pixelplumbing.com/" rel="noreferrer">sharp</a> as the previous solution (lwip) is no longer maintained. Thanks for all your feedback!

Node.js: image resizing without ImageMagick

图像处理

文件系统

服务器

我正在Node.js (+ express 4)上开发一个web应用程序，用户可以通过上传到服务器来设置他们的个人资料图片。我们已经限制了文件的mimetype和最大文件大小，所以用户不能上传超过200KB的png或jpeg图像。问题是我们希望(在服务器端)将上传的图像分辨率调整为200x200，以改善页面加载并节省磁...

问Node.js:不使用ImageMagick调整图像大小
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Node.js:不使用ImageMagick调整图像大小EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Node.js:不使用ImageMagick调整图像大小
EN