开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Cheerio Get Image Src不带类

Cheerio是一个基于Node.js的快速、灵活、精简的HTML解析库。它提供了类似于jQuery的语法，使得在服务器端对HTML进行操作变得更加简单和高效。

"Cheerio Get Image Src不带类"是一个问题，它的意思是如何使用Cheerio获取HTML中不带类的图片的src属性。

首先，我们需要安装Cheerio库，可以通过以下命令在Node.js环境中进行安装：

npm install cheerio

接下来，我们可以使用以下代码来实现获取HTML中不带类的图片的src属性：

const cheerio = require('cheerio');
const html = '<html><body><img src="image1.jpg" class="image-class"><img src="image2.jpg"></body></html>';

const $ = cheerio.load(html);
const images = $('img:not([class])');

images.each((index, element) => {
  const src = $(element).attr('src');
  console.log(src);
});

在上述代码中，我们首先加载了HTML字符串，并使用$函数创建了一个Cheerio实例。然后，我们使用$('img:not([class])')选择器来选取所有不带类的图片元素。最后，我们使用each方法遍历选中的图片元素，并通过attr方法获取每个图片元素的src属性值。

这样，我们就可以获取到HTML中不带类的图片的src属性了。

对于Cheerio的更多详细用法和示例，你可以参考腾讯云的相关文档和示例代码：

请注意，以上答案仅供参考，具体的实现方式可能因实际需求和环境而有所不同。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

我用 nodejs 爬了一万多张小姐姐壁纸

爬取图片首先初始化项目，并且安装 axios 和 cheerio npm init -y && npm i axios cheerio axios 用于爬取网页内容，cheerio 是服务端的 jquery...api, 我们用它来获取 dom 中的图片地址； const axios = require('axios') const cheerio = require('cheerio') function...).each((element) => { result_list.push($(element).find('img').attr('src')) }) return result_list...https.get(url, (res) => { // Image will be stored at this path const path = `${__dirname}/files/img.jpeg...一个对象 dl 是由类 DownloadHelper 创建的，它接收两个参数: 将要下载的图像。下载后必须保存图像的路径。

4621 0

解决hexo图片不展示问题

post_asset_folder:false 设置为 true 如图 2.安装npm插件 npm install https://github.com/CodeFalling/hexo-asset-image...，图片还不显示，进行以下操作： 1.打开/node_modules/hexo-asset-image/index.js vim /node_modules/hexo-asset-image/index.js...2.替换以下内容(建议备份原index.js文件) 'use strict'; var cheerio = require('cheerio'); // http://stackoverflow.com.../questions/14480345/how-to-get-the-nth-occurrence-in-a-string function getPosition(str, m, i) { return...for (var i = 0; i < toprocess.length; i++) { var key = toprocess[i]; var $ = cheerio.load

2.5K1 0

nodejs的简单爬虫

, port: 443 }; // 创建http get请求 https.get(opt, function(res) { var html = ''; // 保存抓取到的HTML源码...link: $('a', this).attr('href'), // 获取电影详情页链接 picUrl: $('.pic img', this).attr('src...} imgDir 存放图片的文件夹 * @param {string} url 图片的URL地址 */ function downloadImg(imgDir, url) { https.get...(err) { return console.log(err); } console.log('Image...= require('cheerio'); var url = require('url'); var cnodeUrl = 'https://cnodejs.org/'; superagent.get

1.1K0 0

基于TypeScript从0到1搭建一款爬虫工具

文件夹然后我们在src文件夹中创建一个crawler.ts文件。...安装完两个依赖后，我们需要创建一个Crawler类，并且将其实例化。...这种模式创建了一个包含自己对象组的类。该类提供了修改相同对象组的方式。简言之，就是可以像处理简单元素一样来处理复杂元素。.../src/combination/crawler.ts" }, 然后使用npm run dev-c启动即可。...这种模式涉及到一个单一的类，该类负责创建自己的对象，同时确保只有单个对象被创建。这个类提供了一种访问其唯一的对象的方式，可以直接访问，不需要实例化该类的对象。

1.3K2 0

Node爬虫：利用Node.js爬取网页图片的实用指南

用于发起HTTP请求并获取网页内容： ```javascript async function fetchPage(url) { try { const response = await axios.get...解析网页：利用`cheerio`库来解析网页内容，提取其中的图片链接： ```javascript function extractImageUrls(html) { const $ = cheerio.load...(html); const imageUrls = []; $('img').each((index, element) => { const src = $(element).attr('src');...用于下载图片到本地： ```javascript async function downloadImage(url, savePath) { try { const response = await axios.get...error', reject); }); } catch (error) { console.error(error); throw new Error('Failed to download the image

9163 1

hexo的图片和视频显示

图片显示插件安装因为hexo本身不支持通用的markdown图片插入语法，因此需要借助一个插件hexo-asset-image。...在工程文件根目录执行如下脚本安装： npm install https://github.com/CodeFalling/hexo-asset-image --save 插件修正但这个插件有点bug...通过在/node_modules/hexo-asset-image/index.js中加入打印，并用chrome查看图片路径和执行hexo g命令时的打印。...debug后我们可以对该脚本进行修正，最终得到如下脚本： 'use strict'; var cheerio = require('cheerio'); // http://stackoverflow.com.../questions/14480345/how-to-get-the-nth-occurrence-in-a-string function getPosition(str, m, i) { return

1.2K1 0

Node.js爬虫实战 - 爬你喜欢的

做个新闻类网站没有数据源咋办？研发GG：爬虫随时准备为您服务！...superagent 模拟客户端发送网络请求，可设置请求参数、header头信息 npm install superagent -D cheerio 类jQuery库，可将字符串导入，创建对象，用于快速抓取字符串中的符合条件的数据...发送请求，获取HTML字符串 (async () => { let html = await sp.get(BASE_URL); // 2....link: $(this).find('a').eq(0).attr('href'), name: $(this).find('a').eq(1).text(), image...: $(this).find('img').attr('src') } books.push(info) }) console.log(books) })() 友情提醒：每个网站的

3.3K3 0

nodejs爬虫获取漫威超级英雄电影海报

('cheerio') const fs = require('fs-extra') const path = require('path') let url = 'https://marvel.com...getUrlAndName(){ // 用于存储返回值 let imgAddrArray = [] // 请求资源 const res = await request.get.../ 定位资源位置, 将图片资源,和图片名字, 以数组方式, 返回给调用函数 $('.row-item-image a').each(function(i, elem){ let...movieName = $(this).attr('href').split('/').pop() let imgAddr = $(this).find('img').attr('src...imgAndName[1] + '.jpg' console.log("爬取海报:", filename); // 获取图片二进制数据 const req = request.get

4693 0

基于 nodejs 爬取大学城用户信息

基于 nodejs 爬取大学城用户信息 nodejs + cheerio + request-promise + mongoose 安装依赖 yarn add cheerio yarn add request-promise...= require('cheerio'); var ctrl = require('....wrapper_left .tc.f16.fb').text().trim(); item.head = $('div#wrapper_left .tc.mt5.p10 a img').attr('src...uid=${id}`, method: "GET", headers: { "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64...image.png 丢到服务器去跑因为数据很多，最大约 3424260 条，所以丢到服务器去跑。

4792 0

自己用的空气指数实时图的爬虫原

var http = require('http'); var fs = require('fs'); var cheerio = require('cheerio'); var request =...(response.body); //采用cheerio模块解析html var time = $('.text-center h4').text().trim();...var img_src = $('.text-center img').attr("src").trim(); var filename=img_src.substr( img_src.lastIndexOf...('/')) request(img_src).pipe(fs.createWriteStream('..../image/' +filename)); }) } fetchPage(url); //主程序开始运行 setInterval(function(){ fetchPage

3812 0

如何利用node把别人的html变成你想要的json

=> { let images = [] $('.view-box .view-main p').each(function () { let image...= 'http://www.xiaoliaoba.cn'.concat($(this).find('img').attr('data-src')) images.push(image...cont-item').each(function () { let header = $(this).find('.cont-editor-head a img').attr('src....children('.cont-list-main') .find('img') .attr('data-src...code: 200, // data: val, // msg: '' // }) // ); } app.get

1.9K7 0

学习服务端JavaScript这个有名的Node.js

var express = require('express'); // 调用 express 实例，它是一个函数，不带参数调用时，会返回一个 express 实例，将这个变量赋予 app 变量。...var app = express(); // app 本身有很多方法，其中包括最常用的 get、post、put/patch、delete，在这里我们调用其中的 get 方法，为我们的 `/` 路径指定一个...('superagent'); var cheerio = require('cheerio'); // 建立 express 实例 var app = express(); app.get('/',...cheerio(https://github.com/cheeriojs/cheerio ) 大家可以理解成一个 Node.js 版的 jquery，用来从网页中以 css selector 取数据，使用方式跟...= require('cheerio'); // 建立 express 实例 var app = express(); app.get('/', function (req, res) {

1.4K2 0

如何利用cheerio库采集携程视频

```javascriptconst cheerio = require('cheerio');const axios = require('axios');// 设置代理服务器信息const proxyHost...= 'www.duoip.cn';const proxyPort = 8000;// 使用axios模块发送GET请求，并设置代理服务器信息axios.get('https://www.ctrip.com...库解析返回的HTML内容const $ = cheerio.load(response.data);// 获取视频链接const videoUrl = $('video').attr('src');//...使用axios模块发送GET请求，下载视频文件axios.get(videoUrl).then(response => {// 将下载的文件保存到当前目录下fs.writeFileSync('video.mp4...然后，使用cheerio库解析返回的HTML内容，获取视频链接。接着，使用axios模块发送一个GET请求，下载视频文件，并将其保存到当前目录下。

2533 0

基于Node.js实现一个小小的爬虫

1.本次爬虫目标：从拉钩招聘网站中找出“前端开发”这一类岗位的信息，并作相应页面分析，提取出特定的几个部分如岗位名称、岗位薪资、岗位所属公司、岗位发布日期等。并将抓取到的这些信息，展现出来。...就是先将页面的数据load进来形成一个特定的数据格式，然后通过类似jq的语法，对数据进行解析处理） var cheerio = require('cheerio'), $ = cheerio.load...= require('cheerio'); 5 6 /* GET home page. */ 7 router.get('/', function(req, res, next) { 8...) { // 浏览器端发来get请求 11 var page = req.param('page'); //获取get请求中的参数 page 12 console.log("page: "+page)...37 38 job.name = $(this).find(".hot_pos_l a").attr("title"); //岗位名 39 job.src

1.1K2 0

你不知道的 node 爬虫原来这么简单

使用之前只需要在终端安装即可 npm install cheerio node爬虫步骤解析一、选取网页url，使用http协议get到网页数据豆瓣TOP250链接地址：https://movie.douban.com...工具解析需要的内容 const cheerio = require('cheerio'); res.on('end',function(){ console.log(html);...const star = $('.rating_num',this).text(); const pic = $('.pic img',this).attr('src...= require('cheerio'); const fs = require('fs'); // 请求 top250 // 浏览器输入一个 url, get https.get('https://...const star = $('.rating_num',this).text(); const pic = $('.pic img',this).attr('src

7102 0

你不知道的 Node.js 爬虫原来这么简单

使用之前只需要在终端安装即可 npm install cheerio node爬虫步骤解析一、选取网页url，使用http协议get到网页数据豆瓣TOP250链接地址：https://movie.douban.com...工具解析需要的内容 const cheerio = require('cheerio'); res.on('end',function(){ console.log(html);...const star = $('.rating_num',this).text(); const pic = $('.pic img',this).attr('src...= require('cheerio'); const fs = require('fs'); // 请求 top250 // 浏览器输入一个 url, get https.get('https://...const star = $('.rating_num',this).text(); const pic = $('.pic img',this).attr('src

2.9K6 0

Node.js 爬取网页图片

利用 Node.js 爬取一个网页，通过第三方模块 cheerio.js 分析这个网页的内容，最后将这个网页的图片保存在本地。...根据DOM结构利用 cheerio 模块分析出图片文件的地址，再次请求这个地址，最后将得到的图片数据储存在本地。项目目录 image.png img 文件夹用来存储图片文件。...= require('cheerio'); /** * 解析 DOM 得到图片地址 * * @param {*} dom * @param {*} callback */ function...findImg(dom, callback) { let $ = cheerio.load(dom); $('img').each(function(i, elem) { let imgSrc...= $(this).attr('src'); callback(imgSrc, i); }); }; module.exports.findImg = findImg; index.js

4.3K3 0

node 写爬虫，原来这么简单

使用之前只需要在终端安装即可 npm install cheerio node爬虫步骤解析一、选取网页url，使用http协议get到网页数据豆瓣TOP250链接地址：https://movie.douban.com...工具解析需要的内容 const cheerio = require('cheerio'); res.on('end',function(){ console.log(html); ... const star = $('.rating_num',this).text(); const pic = $('.pic img',this).attr('src... = require('cheerio'); const fs = require('fs'); // 请求 top250 // 浏览器输入一个 url, get https.get('https://... const star = $('.rating_num',this).text(); const pic = $('.pic img',this).attr('src

3956 1

2024年Node.js精选：50款工具库集锦，项目开发轻松上手（五）

添加格式和图像如果你需要在PDF中添加格式化文本和图像，可以使用以下代码： doc .fontSize(24) .text('Header', 150, 40) .image('path.../to/image.jpg', { fit: [250, 250] }) .moveDown(40) .text('This is some formatted text...Cheerio的使用场景与示例代码 1....选择和操作元素使用Cheerio选择和修改HTML元素： const cheerio = require('cheerio'); const html = 'Hello...其他任务 watch: { scripts: { files: ['src/**/*.js'], // 监控src目录下的JS文件 tasks: [

1171 0

用node.js从零开始去写一个简单的爬虫

如果你不会Python语言，正好又是一个node.js小白，看完这篇文章之后，一定会觉得受益匪浅，感受到自己又新get到了一门技能，如何用node.js从零开始去写一个简单的爬虫，十分钟时间就能搞定，步骤其实很简单...这里安装cheerio包，和request包。...npm install cheerio –save ?...如果想要将爬取的数据和图片分类放好，那就事先建立一个data和image文件夹准备着。...在FirstSpider文件夹下新建创建子文件夹data（用于存放所抓取的新闻文本内容）创建子文件夹image（用于存放所抓取的图片资源）创建一个first_spider文件整个项目的目录结构如下图所示

1.2K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭