使用gm和imageMagick處理圖片


第一步安裝imageMagick和gm模塊

1, cnpm install --save imageMagick gm

第二步在服務器上安裝imageMagick,下載地址http://www.imagemagick.org/download/windows/ (另外安裝時需要勾選Install legacy utilities(e.g. convert)選項)

第三步 代碼使用

var imageMagick = gm.subClass({ imageMagick : true });
var fs= require('fs');
var formidable = require('formidable');

router.post('/upload',function(req,res){
var host = req.headers.host;
var origin = req.protocol + "://" + host;
var form = new formidable.IncomingForm();

form.uploadDir = "tmp"; //指定文件存放的臨時目錄

form.parse(req, function(err, fields, files) {
  if(files.wangEditorH5File){//h5方式上傳

      var tempFilePath = files.wangEditorH5File.path;
      var newFileName = files.wangEditorH5File.name;

  }else{ //ie8,ie9使用表單方式上傳

      var tempFilePath = files.wangEditorFormFile.path;
      var fileName = files.wangEditorFormFile.name;
      var fileType = fileName.split('.')[1];
      var newFileName = Math.random().toString().slice(2)+'.'+fileType;

  }     

fs.rename( tempFilePath, process.cwd() + '/public/uploads/' + newFileName, function(err){
    if(err) {
        res.set('Content-Type', 'text/plain;charset=UTF-8');
        return res.send('error|'+err.stack);
    }
    // res.end(origin+'/uploads/'+newFileName);//返回圖片地址
    imageMagick(process.cwd() + '/public/uploads/' + newFileName)
    .resize(750, 450, '!') //加('!')強行把圖片縮放成對應尺寸150*150!
    .autoOrient()
    .write(process.cwd() + '/public/uploads/min/' + newFileName, function(err){
        if(err){
            // res.set('Content-Type', 'text/plain;charset=UTF-8');
            return res.end('error|'+err.message);
        }
        res.sendFile(process.cwd() + '/public/uploads/min/' + newFileName) 
    });
})
});
})

Note:如果執行以上三步報錯的話,請確保將安裝目錄下的convert.exe文件所在目錄添加到系統環境變量里

其他參考文檔 gm命令大全


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM