当前位置：首页 > 前端区域 > 正文内容

通过JS删除网址后缀获取京东JPG图片下载地址

寒隙3年前 (2022-11-07)前端区域2103

### 原名：JD图片批量下载方式探索
**解决方案：**
1、去浏览器的插件（拓展）中寻找各种图片工具，可以一键解决80%的问题。
2、火狐浏览器 打开需要下载图片的页面 ，按下 Ctrl + i ，然后选择媒体，按住Shift批量选择图片然后下载就行。
3、对于京东的avif格式图片，以及带水印的主图。首先建议去百度搜各种批量下载工具，其次推荐看下文。

\-----------------------

\----------------------

ok，接下来是对于效率无关紧要的正文内容了。

以下将简单讲述我常用的几款工具，以及针对京东图片快速扒取的一些探索。

**前言**：本人就职于电商公司，专门卖电脑的。虽然有公司各种官方的代理授权，但是本子的主图详情很少会给，大部分时候需要到JD、天猫、苏宁之类的地方下载，然后再上架到自己的店铺，非常的麻烦。

**一般图片批量下载的解决办法**：

1、大部分网站，他的图片还是使用的标准的JPG和PNG格式，所以在各个浏览器的 应用/拓展/商店 里面搜索”图片“，大量的图片采集工具就会显示出来。这些东西就足以应付基本的图片下载需求了。

2、当然以上都不重要，作为一个忠实的Firefox用户，必须要推荐一个火狐浏览器超实用的独一无二的功能（我感觉是）

2018年的时候火狐右键会有一个”查看图像信息“选项，点击后可以检索到整个网页的所有图片。不过这个功能在今天已经右键找不到了。

现在需要在键盘敲击 Ctrl+i ，然后在弹出的窗口中选择”媒体“，然后下面的链接就是了。

单击链接可以查看预览，按住Shift可以进行多选，然后选择右下角的”另存为“，就可以进行批量下载了。

![](/zb_users/upload/book-content/20221107-JD1.jpg)

**JD叛逆的avif**

然后，我们来说一下JD的问题，JD的详情页和主图很多使用了最新的avif格式。

这种格式的优点是占用空间，而且属于时代潮流可能。不过对于我这个懒得更新生产力软件的人来说，就有些为难了。

avif格式的图，我下到本地之后，看图王和PS都打不开，直接就是一个报错。

想要用图，就必须先在浏览器右键复制图片，然后在PS打开空白画板，粘贴图片，再导出为JPG才能用。（这波剪贴板666！）可以说是很浪费时间了，一套详情，动辄十几二十几张，我不可能一整天都去复制粘贴保存图片吧，工作还干不干了……

**JD图片批量下载解决办法**

然后作为JS小白的我决定制裁一下JD，连夜掏出邋遢的JS学习笔记。找了半天，详情的位置我找到了，html也定位上了，但是翻来覆去两三个小时，我实在不理解，那个background-Image的url我死活就是获取不到，给我气冒烟了都……

**具体内容：**

首先，使用FirFox打开页面，Ctrl+i调出媒体文件，然后选中需要批量下载的内容。不要下载！我们右键选择”复制“。然后图片的下载链接就会放在剪贴板里了。

然后，我们打开Excel、word、HBuilder、VsCode等任何一个软件，粘贴文案，然后Ctrl+F，将".avif"全部替换为空。这时，JD的图片就都是JPG格式了。因为jd的详情结尾都是.jpg.avif这样的离谱格式，删掉.avif就会加载出原本的图片了。

最后，我们将所有链接文案复制（注意换行），然后打开迅雷，添加下载任务，粘贴所有链接，下载！完毕！

![](/zb_users/upload/book-content/20221107-JD2.jpg)

**JD单张图片转换 网址修改脚本**

那么，多张的批量下载图片解决了，如果碰到需要单独下载一张的情况怎么办呢？

难道要下载一堆，然后再挑出来吗？那就有点墨迹了奥~

上文提到，jd的详情结尾都是.jpg.avif这样的离谱格式。那么，我们只需要将.avif这5个字符删掉，就可用了。

OK，既然在详情页里我检索不到你的索引地址，访问network或者抓包缓存之类的我也不懂，那右键打开纯图可以吧。

我们在浏览器中安装一个‘Greasemonkey 油猴子’插件，然后新建脚本输入：

```
<pre class="prism-highlight prism-language-javascript">var a = window.location.href;
// 将当前页面网址赋予a
var a1 = a.replace('/n0/', '/imgzone/');
//将a里面的 n0 换成 imgzone 赋予a1。
var b = a1.substr(a1.lastIndexOf(".") + 1,4);
// 不太懂，好像把最后一个.后面的文案都提取出来，然后赋予b
if ( b == 'avif') {
    // 如果 b 绝对等于 avif 就执行，md，因为少些了一个=号，我浪费了一个小时百思不得姐。千万记得两个等于是判断哈
    var c = a1.substring(0,a1.length-5);
    // 把a1当前页面链接提取出来，然后减去后5位（.avif），然后赋予c
    window.location.replace(c);
    // 打开链接c，任务完成
}
```

OK，这个脚本可以实现的效果为：当进入网址为.avif结尾的时候，自动删除.avif五个字，然后访问剩余链接。

【注】第二是专门用来转换主图用的，如果只是用作详情页可以删除这一行。

【注】京东800\*800无水印主图下载方式：将链接中的 n0 换成 imgzone，即可。

```
<pre class="prism-highlight prism-language-javascript">var a1 = a.replace('/n0/', '/imgzone/');
```

可以悠闲下载JPG啦！

扫描二维码推送至手机访问。

本文链接：http://www.gofortime.com/post/53.html

标签: 寒缝流年 PS Photoshop demo JavaScript

分享给朋友：

返回列表

上一篇：JS中的Date对象，网站运行计时器的制作

下一篇：准备做个壁纸站，然后似乎有点难办

资源网站的下载区域

资源网站下载界面，可以放置于文章内容最后方提供资源下载。来源：2019年壹号测试区红警游戏网站没有下载栏目，简单写的。<body> <strong>下载地址：</strong> &...

通过JS删除网址后缀获取京东JPG图片下载地址

相关文章

资源网站的下载区域

欢迎访问寒隙的小窝。

Powered By Z-BlogPHP. Theme by TOYEAN.

通过JS删除网址后缀 获取京东JPG图片下载地址

相关文章

资源网站的下载区域

欢迎访问寒隙的小窝。

Powered By Z-BlogPHP. Theme by TOYEAN.

通过JS删除网址后缀获取京东JPG图片下载地址