Node.js 從網頁下載圖片並替換為新地址

阿新 • • 發佈：2018-12-03

平常經常需要儲存網頁上的圖片，如果一張一張地儲存會非常麻煩和浪費時間，為了解決這個問題，我寫了一個node.js的指令碼，可以直接用node命令就可以把網頁裡的圖片下載到本地，另外還可以擴充套件為下載其他資源，如css、js、video等。

var data = `
<!DOCTYPE html>
<html>
<head>
<title></title>
<body>
<div id="content">
<img src="https://www.baidu.com/img/superlogo_c4d7df0a003d3db9b65e9ef0fe6da1ec.png"/>
</div>
</body>
</html>

` 
;
const cheerio = require('cheerio');
const request = require('request');
const fs = require('fs');
const path = require('path')
const moment = require('moment')
const md5=require('md5-node');

let $ = cheerio.load(data);
$('#content img').each(function(i, ele){
    // 圖片地址
    let src = $(this).attr( 
'src');
    console.log(src);
    let fn = filename(src)
    download(src, "./imgs", fn);
    // 設定為新的地址
    $(this).attr('src', "/imgs/"+ fn);
    console.log($.html('#content'));
});

// md5檔案地址，防止重複下載
function filename(src) {
    // 副檔名
    let type = path.extname(src);
    // 一天內的地址不重複下載
    let dt = moment 
().format('YYYY-MM-DD');
    return md5(src + dt) + '.' + type;
}

// 遞迴建立目錄
function mkdir(dirname) {
    if (fs.existsSync(dirname)) {
        return true;
    } else {
        if (mkdir(path.dirname(dirname))) {
            fs.mkdirSync(dirname);
            return true;
        }
    }
    return false;
}

// 下載檔案到指定目錄
function download(uri, dir, filename) { 
    request.head(uri, function(err, res, body){
        if(mkdir(dir)) {
            request(uri).pipe(fs.createWriteStream(dir+"/"+filename));
        }
    }); 
}

Node.js 從網頁下載圖片並替換為新地址

平常經常需要儲存網頁上的圖片，如果一張一張地儲存會非常麻煩和浪費時間，為了解決這個問題，我寫了一個node.js的指令碼，可以直接用node命令就可以把網頁裡的圖片下載到本地，另外還可以擴充套件為下載其他資源，如css、js、video等。 var data = ` <!DOC

從網頁下載圖片的代碼

pen puts nload pre clas 網頁 except orm lex import java.io.BufferedOutputStream; import java.io.FileOutputStream; import java.io.IOExcepti

node.js爬蟲之下載圖片，批量下載圖片，控制下載圖片並行上限

首先介紹一下爬蟲所需要的的包 require(“request”); –get post請求頁面 require(“cheerio”) –解析文字物件為DOM物件也就是說將string 裝換為 js操作的 $() 這種選擇器 require(‘fs’);

從安裝node js到構建一個vue並啟動它

1、安裝node js 　　下載地址：http://nodejs.cn/download/ 2、安裝完成後執行Node.js command prompt（node -v檢視安裝版本）　　 3、安裝npm（由於現在版本的nodejs已經整合npm所以無需安裝，可以用npm

從網路中下載圖片並進行顯示

通過get請求方式獲取網路圖片----主要是方便以後查閱以及做一個筆記任務要求： 1.新建一個佈局檔案，在佈局檔案中新增Button、ImageView兩個控制元件 2.新建一個GetPictThread實現Runnable介面（1）定義一個handler用於

Node.js在指定的圖片模板上生成二維碼圖片並附帶底部文字說明

　　在Node.js中，我們可以通過qr-image包直接在後臺生成二維碼圖片，使用方法很簡單： var qr = require('qr-image'); exports.createQRImage = function(res, str){ var img = qr.image(str

從URL獲取圖片並保存到本地

pos ons ring file timeout str oca pan load 　　　　 /// <summary> /// HttpWebRequest Property /// </summary&g

node.js從入門到放棄（二）

簡單的 all == ons true nts 數值定時註冊上章講了學習node，應該去學習什麽，對這些框架去進行學習現在咋們聊聊如何用原生來進行操作主要來講一下events-事件觸發器先來講一個簡單的實例 EventEmitter的實例，綁定一個監聽器。用

node.js從入門到放棄（一）

主鍵 data timestamp insert 代碼了解 javascrip ice where 以下內容全是我個人理解寫出，如有不對，請立刻練習本人進行更改。以免被剛入門的被我帶入坑裏。 —node是什麽？我想大家應該都知道。 node是前端未來幹掉後

Node.js從入門到實戰ECMAScript6一頁紙總結（很大的一頁紙）

轉載：30分鐘掌握ES6/ES2015核心內容（上）轉載：30分鐘掌握ES6/ES2015核心內容（下）轉載：ECMAScript 6 入門一、ES5/ES6和babel ECMAScript5，即ES5，是ECMAScript的第五次修訂，於2009年完成標準化，現在的瀏覽器已經相當於完全實現了這個標

【PHP】正則表示式匹配最後一張圖片並替換

// 要搜尋的內容 $content = '<div class="div"><img class="img" width="200" height="100" src="./../images/img1.jpg" /> <img class="img" w

html5 websocket + node.js 實現網頁聊天室

1 client: socket.io server: node.js + express + socket.io 一個簡單的聊天室 demo，沒有註冊，內建了一些測試使用者

js正則表示式匹配並替換特定字串

var reg=/name="(.*?)\"/gi; // var arr=str.match(reg); // console.log(arr.length) var newStr=str.replace(reg,'name=

深度學習（1）—從ImageNet下載圖片

當我們訓練網路時需要大量的圖片資料，我們可以去開源的imagenet庫下載圖片，首先我們需要註冊ImageNet賬號，郵箱需要.edu結尾的郵箱或者別的公司的郵箱，免費的郵箱是不行的。註冊還需要翻牆，否則看不到reCAPTCHA驗證碼。註冊後再登入搜尋需要的圖片

js 根據url 下載圖片

downloadIamge(imgsrc, name) {//下載圖片地址和圖片名 let image = new Image(); // 解決跨域 Canvas 汙染問題 image.setAttribute("crossOrigin", "anonymous"

Node.js從入門到實戰（六）React一頁紙總結（很大的一頁紙）

一、React React是一個JavaScript庫，是由FaceBook和Instagram開發的，主要用於使用者建立圖形化介面。由於 React 的設計思想極其獨特，屬於革命性創新，效能出眾，程式碼邏輯卻非常簡單。所以，越來越多的人開始關注和使用，認為它可能是

Node.js從入門到實戰（七）Solr查詢規則總結

一、Solr Solr是一個獨立的企業級搜尋應用伺服器，它對外提供類似於Web-service的API介面。使用者可以通過http請求，向搜尋引擎伺服器提交一定格式的XML檔案，生成索引；也可以通過Http Get操作提出查詢請求，並得到XML格式的返回結果。本文不涉及

Node.js從入門到實戰（八）Solr的層級

參考：Node.js從入門到實戰（七）Solr查詢規則總結一、Solr的層級 Solr作為關鍵的搜尋元件，在整個系統中的架構如下圖所示： Solr的索引服務是為了提高搜尋的效率，一般而言Solr需要配合Nosql DB使用，作為與NoSQL DB相互獨立的補充，在能夠

Node.js從入門到實戰（五）ECMAScript6一頁紙總結（很大的一頁紙）

一、ES5/ES6和babel ECMAScript5，即ES5，是ECMAScript的第五次修訂，於2009年完成標準化，現在的瀏覽器已經相當於完全實現了這個標準。 ECMAScript6，即ES6，也稱ES2015，是ECMAScript的第六次修訂，於2015

Node.js從入門到實戰（四）Node.js / JavaScript / ECMAScript的關係

一、Node.js Node.js 是一個基於 Chrome V8 引擎的 JavaScript 執行環境。 Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型，使其輕量又高效。 Node.js 的包管理器 npm，是全球最大的開源庫生態系統。 V8引擎本身使用

Node.js 從網頁下載圖片並替換為新地址

相關推薦