2017-10-12 96 views
1

所以我有一個sample.jpg文件,我要檢查它的尺寸..圖像尺寸如何檢查使用JS或節點

所需的邏輯是這樣的:

var img = require('./sample.jpg'); 
console.log(typeof img) // returns string -> Image 
console.log(img.height) // returns number -> 300 
console.log(img.width) // returns nubmer -> 250 

沒關係typeof的返回,我只是想知道尺寸。但那是我要去哪裏的簡單分解。有沒有辦法做到這一點?使用節點還是純js?

+1

似乎成爲一種流行[節點包做](https://www.npmjs.com/package/image-size) – Nick

回答

1

您可以使用image-size NPM模塊:

npm install image-size --save 

然後可以得到dimentions這樣的:

var sizeOf = require('image-size'); 
var dimensions = sizeOf('./sample.jpg'); 
console.log(dimensions.width, dimensions.height); 

欲瞭解更多信息,請通過image-sizedocumentations

+0

您是野蠻的先生!非常感謝你! –

+0

高興地幫助:) – kgangadhar

-1

您可以使用此使用JS(僅在瀏覽器的工作原理)

var img = new Image(); 
img.src = './sample.jpg'; 
console.log(img.height); 
console.log(img.width); 

對於節點,可以安裝帆布庫。

+0

是的,我試過了,它給了我這個錯誤:ReferenceError:圖像沒有在Object處定義爲 。 (Module.js:570:32) (在Object.Module._extensions..js(module.js:在module.load(module.js:488:32) at atModuleLoad(module.js:446:12) at Module.load(module.js:438:3) 。 runMain(module.js:604:10) at boot(bootstrap_node.js:389:7) at startup(bootstrap_node.js:149:9) at bootstrap_node.js:504:3 –

0

您可以使用jpeg-js

從自己的文件:

var jpeg = require('jpeg-js'); 
var jpegData = fs.readFileSync('grumpycat.jpg'); 
var rawImageData = jpeg.decode(jpegData); 
console.log(rawImageData);