Javascript获取background属性中url的值


Posted in Javascript onOctober 17, 2016

前言

最近在做项目的时候遇到一个问题,需要获取一个动态预览的图片的地址,这其实不是什么问题,主要是该图片的路径是写在css的background-img属性中的,于是决定要用js获取它的url中的内容,下面给大家分享解决的方法,有需要的朋友们下面来看看。

var avatar = $("#image-preview").css("backgroundImage");
 
alert(avatar);

获取的是包含url(“xxx.jpg”)形式的值,于是查阅了下资料找到了只获取xxx.jpg形式值的方法:

var avatar = $("#image-preview").css("backgroundImage");
 
avatar = avatar.split("(")[1].split(")")[0];
 
alert(avatar);

获得的值即为图片地址

总结

以上就是这篇文章文章的全部内容了,希望本文分享的方法对大家学习或者使用Javascript时能有所帮助,如果有疑问大家可以留言交流。

Javascript 相关文章推荐
jQuery+CSS 实现随滚动条增减的汽水瓶中的液体效果
Sep 26 Javascript
用js获取电脑信息(是使用与IE浏览器)
Jan 15 Javascript
实例讲解JS中数组Array的操作方法
May 09 Javascript
jQuery实现鼠标选中文字后弹出提示窗口效果【附demo源码】
Sep 05 Javascript
JavaScript之RegExp_动力节点Java学院整理
Jun 29 Javascript
Vue.js实例方法之生命周期详解
Jul 03 Javascript
BootStrap入门学习第一篇
Aug 28 Javascript
Vue框架里使用Swiper的方法示例
Sep 20 Javascript
浅谈VUE防抖与节流的最佳解决方案(函数式组件)
May 22 Javascript
基于js实现复制内容到操作系统粘贴板过程解析
Oct 11 Javascript
Vue实现多标签选择器
Nov 28 Javascript
ReactRouter的实现方法
Jan 25 Javascript
JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】
Oct 17 #Javascript
jquery checkbox的相关操作总结
Oct 17 #Javascript
JS动态添加选项案例分析
Oct 17 #Javascript
Java  Spring 事务回滚详解
Oct 17 #Javascript
使用jquery.qrcode.js生成二维码插件
Oct 17 #Javascript
js浏览器html5表单验证
Oct 17 #Javascript
使用开源工具制作网页验证码的方法
Oct 17 #Javascript
You might like
php中使用array_filter()函数过滤空数组的实现代码
2014/08/19 PHP
php继承中方法重载(覆盖)的应用场合
2015/02/09 PHP
Symfony2创建基于域名的路由相关示例
2016/11/14 PHP
Laravel-admin之修改操作日志的方法
2019/09/30 PHP
Extjs ajax同步请求时post方式参数发送方式
2009/08/05 Javascript
Jquey拖拽控件Draggable使用方法(asp.net环境)
2010/09/28 Javascript
Jquery 获取checkbox的checked问题
2011/11/16 Javascript
JS自定义功能函数实现动态添加网址参数修改网址参数值
2013/08/02 Javascript
jquery iframe操作详细解析
2013/11/20 Javascript
javascript使用appendChild追加节点实例
2015/01/12 Javascript
iframe中子父类窗口调用JS的方法及注意事项
2015/08/25 Javascript
JavaScript中innerHTML,innerText,outerHTML的用法及区别
2015/09/01 Javascript
基于JavaScript短信验证码如何实现
2016/01/24 Javascript
详解RequireJS按需加载样式文件
2017/04/12 Javascript
Webpack打包css后z-index被重新计算的解决方法
2017/06/18 Javascript
解决layui的table插件无法多层级获取json数据的问题
2019/09/19 Javascript
layer弹窗在键盘按回车将反复刷新的实现方法
2019/09/25 Javascript
详解Vue后台管理系统开发日常总结(组件PageHeader)
2019/11/01 Javascript
vue父子组件间引用之$parent、$children
2020/05/20 Javascript
JavaScript使用setTimeout实现倒计时效果
2021/02/19 Javascript
python3简单实现微信爬虫
2015/04/09 Python
CentOS 6.X系统下升级Python2.6到Python2.7 的方法
2016/10/12 Python
详解Python 装饰器执行顺序迷思
2018/08/08 Python
Python Pillow Image Invert
2019/01/22 Python
python多进程(加入进程池)操作常见案例
2019/10/21 Python
Python3 pywin32模块安装的详细步骤
2020/05/26 Python
django跳转页面传参的实现
2020/09/17 Python
python实现AdaBoost算法的示例
2020/10/03 Python
Python用摘要算法生成token及检验token的示例代码
2020/12/01 Python
英国Zoro工具:手动工具,电动工具和个人防护用品
2016/11/02 全球购物
英国HYPE双肩包官网:英国本土时尚潮牌
2018/09/26 全球购物
What is view? why do we have view?
2012/06/22 面试题
民族学专业求职信
2014/07/28 职场文书
工作自我评价范文
2015/03/05 职场文书
2015年网络管理员工作总结
2015/05/21 职场文书
SpringCloud的JPA连接PostgreSql的教程
2021/06/26 Java/Android