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操作cookie插件分享
Jan 14 Javascript
自制的文件上传JS控件可支持IE、chrome、firefox etc
Apr 18 Javascript
javascript异步处理工作机制详解
Apr 13 Javascript
基于JavaScript如何实现私有成员的语法特征及私有成员的实现方式
Oct 28 Javascript
js严格模式总结(分享)
Aug 22 Javascript
基于chosen插件实现人员选择树搜索自动筛选功能
Sep 24 Javascript
12条写出高质量JS代码的方法
Jan 07 Javascript
详解angular2.x创建项目入门指令
Oct 11 Javascript
Vue项目安装插件并保存
Jan 28 Javascript
layui自己添加图片按钮并点击跳转页面的例子
Sep 14 Javascript
基于JS实现简单滑块拼图游戏
Oct 12 Javascript
vue.config.js常用配置详解
Nov 14 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实现小型站点广告管理
2006/10/09 PHP
PHP脚本数据库功能详解(下)
2006/10/09 PHP
在PHP中使用Sockets 从Usenet中获取文件
2008/01/10 PHP
浅析PHP编程中10个最常见的错误
2014/08/08 PHP
PHP中的函数声明与使用详解
2017/05/27 PHP
浅谈PHP无限极分类原理
2019/03/14 PHP
JQuery对checkbox操作 (循环获取)
2011/05/20 Javascript
Javascript让DEDECMS告别手写Tag
2014/09/01 Javascript
基于jQuery实现的图片切换焦点图整理
2014/12/07 Javascript
jQuery实现dialog设置focus焦点的方法
2015/06/10 Javascript
node.js中格式化数字增加千位符的几种方法
2015/07/03 Javascript
jquery实现标题字体变换的滑动门菜单效果
2015/09/07 Javascript
Angularjs实现带查找筛选功能的select下拉框示例代码
2016/10/04 Javascript
Jquery表单验证失败后不提交的解决方法
2016/10/18 Javascript
浅谈事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流
2017/07/22 jQuery
jQuery创建及操作xml格式数据示例
2018/05/26 jQuery
JS实现仿微信支付弹窗功能
2018/06/25 Javascript
微信小程序画布圆形进度条显示效果
2020/11/17 Javascript
vue-quill-editor富文本编辑器简单使用方法
2018/09/21 Javascript
JavaScript获取某一天所在的星期
2019/09/05 Javascript
40行代码把Vue3的响应式集成进React做状态管理
2020/05/20 Javascript
从源码角度来回答keep-alive组件的缓存原理
2021/01/18 Javascript
python输出当前目录下index.html文件路径的方法
2015/04/28 Python
Python subprocess模块详细解读
2018/01/29 Python
Python split() 函数拆分字符串将字符串转化为列的方法
2019/07/16 Python
详解将Python程序(.py)转换为Windows可执行文件(.exe)
2019/07/19 Python
一款基于css3麻将筛子3D翻转特效的实例教程
2014/12/31 HTML / CSS
日本快乐生活方式购物网站:Shop Japan
2018/07/17 全球购物
Bose美国官网:购买Bose耳机和音箱
2019/03/10 全球购物
社区服务活动总结
2014/05/07 职场文书
毕业生求职信范文
2014/06/29 职场文书
2014年小学国庆节活动方案
2014/09/16 职场文书
2015年学校团委工作总结
2015/05/26 职场文书
和谐拯救危机观后感
2015/06/15 职场文书
go语言-在mac下brew升级golang
2021/04/25 Golang
python数据库批量插入数据的实现(executemany的使用)
2021/04/30 Python