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加解密功能页面
Dec 12 Javascript
Discuz! 6.1_jQuery兼容问题
Sep 23 Javascript
jquery cookie插件代码类
May 26 Javascript
JS模拟的QQ面板上的多级可展开的菜单
Oct 10 Javascript
JS实现OCX控件的事件响应示例
Sep 17 Javascript
javascript定义变量时加var与不加var的区别
Dec 22 Javascript
基于Bootstrap的Metronic框架实现页面链接收藏夹功能
Aug 29 Javascript
jQuery.form.js插件不能解决连接超时(timeout)的原因分析及解决方法
Oct 14 Javascript
jQuery插件jsonview展示json数据
May 26 jQuery
微信小程序支付前端源码
Aug 29 Javascript
详解JS预解析原理
Jun 16 Javascript
JavaScript代码简化技巧实例解析
Sep 09 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开发Apache服务器配置
2015/07/15 PHP
PHP在innodb引擎下快速代建全文搜索功能简明教程【基于xunsearch】
2016/10/14 PHP
PHPMAILER实现PHP发邮件功能
2018/04/18 PHP
workerman结合laravel开发在线聊天应用的示例代码
2018/10/30 PHP
对laravel的csrf 防御机制详解,及form中csrf_token()的存在介绍
2019/10/24 PHP
模拟jQuery ajax服务器端与客户端通信的代码
2011/03/28 Javascript
JS实现仿京东淘宝竖排二级导航
2014/12/08 Javascript
javascript实现的简单的表单验证
2015/07/10 Javascript
jquery实现点击展开列表同时隐藏其他列表
2015/08/10 Javascript
javascript实现在下拉列表中显示多级树形菜单的方法
2015/08/12 Javascript
AngularJS中如何使用$http对MongoLab数据表进行增删改查
2016/01/23 Javascript
JAVA Web实时消息后台服务器推送技术---GoEasy
2016/11/04 Javascript
javascript事件的绑定基础实例讲解(34)
2017/02/14 Javascript
微信小程序 开发经验整理
2017/02/15 Javascript
利用javascript如何随机生成一定位数的密码
2017/09/22 Javascript
JS写XSS cookie stealer来窃取密码的步骤详解
2017/11/20 Javascript
详解基于Koa2开发微信二维码扫码支付相关流程
2018/05/16 Javascript
深入浅析var,let,const的异同点
2018/08/07 Javascript
解决vue keep-alive 数据更新的问题
2018/09/21 Javascript
微信小程序使用template标签实现五星评分功能
2018/11/03 Javascript
js实现踩五彩块游戏
2020/02/08 Javascript
Vue组件化开发之通用型弹出框的实现
2020/02/28 Javascript
JavaScript写个贪吃蛇小游戏(超详细)
2020/03/17 Javascript
Node.js API详解之 repl模块用法实例分析
2020/05/25 Javascript
分析python切片原理和方法
2017/12/19 Python
Python常用的json标准库
2019/02/19 Python
Python中用pyinstaller打包时的图标问题及解决方法
2020/02/17 Python
CSS3 calc()会计算属性详解
2018/02/27 HTML / CSS
浏览器实现移动端高性能css3动画(开启gpu加速)
2013/12/23 HTML / CSS
HTML5实现桌面通知 提示功能
2017/10/11 HTML / CSS
巴西24小时在线药房:Drogasil
2020/06/20 全球购物
统计学专业毕业生的自我评价分享
2013/11/28 职场文书
校园广播稿500字
2014/02/04 职场文书
大专毕业生求职信
2014/07/05 职场文书
官僚主义现象查摆问题整改措施
2014/10/04 职场文书
springboot使用Redis作缓存使用入门教程
2021/07/25 Redis