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 相关文章推荐
一个用js实现的页内搜索代码
May 23 Javascript
JS文本框不能输入空格验证方法
Mar 19 Javascript
javascript中interval与setTimeOut的区别示例介绍
Mar 14 Javascript
node.js中的fs.statSync方法使用说明
Dec 16 Javascript
js创建对象的方式总结
Jan 10 Javascript
JS封装cookie操作函数实例(设置、读取、删除)
Nov 17 Javascript
jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法
Nov 25 Javascript
javascript简单实现跟随滚动条漂浮的返回顶部按钮效果
Aug 19 Javascript
PHP+jquery+ajax实现分页
Dec 09 Javascript
微信小程序button标签open-type属性原理解析
Jan 21 Javascript
JavaScript对象原型链原理解析
Jan 22 Javascript
JS浏览器BOM常见操作实例详解
Apr 27 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
大师制作的中短波矿石收音机
2020/04/02 无线电
php文字水印和php图片水印实现代码(二种加水印方法)
2013/12/25 PHP
PHP+MySQL删除操作实例
2015/01/21 PHP
php简单socket服务器客户端代码实例
2015/05/18 PHP
PHP的mysqli_select_db()函数讲解
2019/01/23 PHP
PHP的mysqli_ssl_set()函数讲解
2019/01/23 PHP
laravel框架 laravel-admin上传图片到oss的方法
2019/10/13 PHP
javascript AutoScroller 函数类
2009/05/29 Javascript
js取滚动条的尺寸的函数代码
2011/11/30 Javascript
Javascript 面向对象(二)封装代码
2012/05/23 Javascript
jQuery制作仿腾讯web qq用户体验桌面
2013/08/20 Javascript
在JS中解析HTML字符串示例代码
2014/04/16 Javascript
Javascript中arguments对象详解
2014/10/22 Javascript
jquery实现多屏多图焦点图切换特效的方法
2015/05/04 Javascript
学做Bootstrap的第一个页面
2016/05/15 HTML / CSS
js正则表达式replace替换变量方法
2016/05/21 Javascript
微信小程序实现多个按钮toggle功能的实例
2017/06/13 Javascript
javascript简写常用的12个技巧(可以大大减少你的js代码量)
2020/03/28 Javascript
在 Node.js 中使用原生 ES 模块方法解析
2017/09/19 Javascript
Vue中的Vux配置指南
2017/12/08 Javascript
微信小程序map组件结合高德地图API实现wx.chooseLocation功能示例
2019/01/23 Javascript
HTML+JS实现“代码雨”效果源码(黑客帝国文字下落效果)
2020/03/17 Javascript
vue中的过滤器及其时间格式化问题
2020/04/09 Javascript
解决vue项目中某一页面不想引用公共组件app.vue的问题
2020/08/14 Javascript
原生JS实现九宫格抽奖
2020/09/13 Javascript
Django项目中包含多个应用时对url的配置方法
2018/05/30 Python
widows下安装pycurl并利用pycurl请求https地址的方法
2018/10/15 Python
Django在admin后台集成TinyMCE富文本编辑器的例子
2019/08/09 Python
python 叠加等边三角形的绘制的实现
2019/08/14 Python
解决python父线程关闭后子线程不关闭问题
2020/04/25 Python
Python爬虫之爬取淘女郎照片示例详解
2020/07/28 Python
美国手机支架公司:PopSockets
2019/11/27 全球购物
幼儿园老师个人总结
2015/02/28 职场文书
vue组件的路由高亮问题解决方法
2021/05/11 Vue.js
国庆节到了,利用JS实现一个生成国庆风头像的小工具 详解实现过程
2021/10/05 Javascript
Redis实现短信验证码登录的示例代码
2022/06/14 Redis