当前位置: 首页 > news >正文

js脚本 将本地图片路径转换为html

公司业务类似于电商, 因此有很多纯图片展示的商品详情页, 类似淘宝店商品页面下的多个图片组成的商品详情页,

页面很简单, 就是一大串img标签, 但是每次做详情页都要配合emmet一顿操作( 如下图 )

(大致操作就是, shift+右键复制文件路径, 然后编辑器里截取文件名, 再配合emmet导成img标签)

偶尔做一次还好, 经常做这类详情页就感觉很麻烦了.

于是乎写了个js脚本一键批量导出为img标签,

git repo地址: https://github.com/Skura23/path-to-img

git demo地址: https://skura23.github.io/path-to-img/

使用很简单, 前缀栏输入公共路径部分, 路径栏输入在本地选中多个图片 shift+右键 选择 复制为路径 获得的图片绝对路径

js比较简单, 但是帮我节省了很多时间, 分享出来, 有需要的童鞋可以使用

本文地址:http://www.cnblogs.com/skura23/p/8617322.html

转载于:https://www.cnblogs.com/skura23/p/8617322.html

相关文章:

  • Python3连接MySQL
  • FineBI学习系列之FineBI的Windows里安装步骤(图文详解)
  • 初次尝试单元测试
  • 突发奇想 应用商店的会员模式
  • Swift 基本数据类型
  • iterator取集合元素
  • 前端ps切图,图文教程,详细。
  • android6.0以上权限动态申请,有视频链接可以看效果。
  • svm资料收集
  • java学习--基础知识第四天--笔记
  • WPF中自定义MarkupExtension
  • 省选专练CQOI2015网络吞吐量
  • 博客作业2---线性表
  • spring-boot jpa mysql emoji utfmb4 异常处理
  • list.FindAll of C#
  • 【附node操作实例】redis简明入门系列—字符串类型
  • 2017 前端面试准备 - 收藏集 - 掘金
  • android图片蒙层
  • co模块的前端实现
  • docker python 配置
  • ECMAScript6(0):ES6简明参考手册
  • ES10 特性的完整指南
  • Git初体验
  • Java读取Properties文件的六种方法
  • Vue 动态创建 component
  • Webpack4 学习笔记 - 01:webpack的安装和简单配置
  • 电商搜索引擎的架构设计和性能优化
  • 回顾2016
  • 基于遗传算法的优化问题求解
  • 区块链技术特点之去中心化特性
  • 网络应用优化——时延与带宽
  • ​flutter 代码混淆
  • #我与Java虚拟机的故事#连载07:我放弃了对JVM的进一步学习
  • #在 README.md 中生成项目目录结构
  • $HTTP_POST_VARS['']和$_POST['']的区别
  • ()、[]、{}、(())、[[]]命令替换
  • (2)(2.4) TerraRanger Tower/Tower EVO(360度)
  • (2022 CVPR) Unbiased Teacher v2
  • (多级缓存)缓存同步
  • (附源码)springboot 校园学生兼职系统 毕业设计 742122
  • (力扣记录)1448. 统计二叉树中好节点的数目
  • (强烈推荐)移动端音视频从零到上手(上)
  • (三十五)大数据实战——Superset可视化平台搭建
  • (四)docker:为mysql和java jar运行环境创建同一网络,容器互联
  • ****** 二十三 ******、软设笔记【数据库】-数据操作-常用关系操作、关系运算
  • .net mvc部分视图
  • .net web项目 调用webService
  • .NET 使用 ILRepack 合并多个程序集(替代 ILMerge),避免引入额外的依赖
  • .NET大文件上传知识整理
  • .vimrc php,修改home目录下的.vimrc文件,vim配置php高亮显示
  • /var/lib/dpkg/lock 锁定问题
  • @EnableWebMvc介绍和使用详细demo
  • [C++]18:set和map的使用
  • [C++]指针与结构体
  • [caffe(二)]Python加载训练caffe模型并进行测试1