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 相关文章推荐
juqery 学习之四 筛选过滤
Nov 30 Javascript
JQuery中对服务器控件 DropdownList, RadioButtonList, CheckboxList的操作总结
Jun 28 Javascript
jQuery-serialize()输出序列化form表单值的方法
Dec 26 Javascript
jquery实现简单易懂的图片展示小例子
Nov 21 Javascript
js调试系列 控制台命令行API使用方法
Jun 18 Javascript
Node.js操作Firebird数据库教程
Mar 04 Javascript
在vue-cli的组件模板里使用font-awesome的两种方法
Sep 28 Javascript
基于vue2.0的活动倒计时组件countdown(附源码下载)
Oct 09 Javascript
vue路由--网站导航功能详解
Mar 29 Javascript
vue项目前端错误收集之sentry教程详解
May 27 Javascript
微信小程序版本自动更新的方法
Jun 14 Javascript
在Vue mounted方法中使用data变量详解
Nov 05 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
Codeigniter操作数据库表的优化写法总结
2014/06/12 PHP
jquery 必填项判断表单是否为空的方法
2008/09/14 Javascript
JavaScript 盒模型 尺寸深入理解
2012/12/31 Javascript
JS文本框不能输入空格验证方法
2013/03/19 Javascript
解析jQuery的三种bind/One/Live事件绑定使用方法
2013/12/30 Javascript
在JS数组特定索引处指定位置插入元素的技巧
2014/08/24 Javascript
jQuery预加载图片常用方法
2015/06/15 Javascript
jQuery检查事件是否触发的方法
2015/06/26 Javascript
JS实现IE状态栏文字缩放效果代码
2015/10/24 Javascript
JS Attribute属性操作详解
2016/05/19 Javascript
微信小程序 购物车简单实例
2016/10/24 Javascript
js实现的xml对象转json功能示例
2016/12/24 Javascript
老生常谈js-react组件生命周期
2017/05/02 Javascript
Javascript循环删除数组中元素的几种方法示例
2017/05/18 Javascript
Vue实现选择城市功能
2017/05/27 Javascript
实现div内部滚动条滚动到底部和顶部的代码
2017/11/15 Javascript
Vue中this.$router.push参数获取方法
2018/02/27 Javascript
Vue中props的使用详解
2018/06/15 Javascript
简述vue状态管理模式之vuex
2018/08/29 Javascript
解决layui table表单提示数据接口请求异常的问题
2019/09/24 Javascript
Vue列表循环从指定下标开始的多种解决方案
2020/04/08 Javascript
Python cookbook(数据结构与算法)从序列中移除重复项且保持元素间顺序不变的方法
2018/03/13 Python
Python sqlite3查询操作过程解析
2020/02/20 Python
Python实现栈的方法详解【基于数组和单链表两种方法】
2020/02/22 Python
Python如何存储数据到json文件
2020/03/09 Python
python右对齐的实例方法
2020/07/05 Python
Python爬虫爬取微博热搜保存为 Markdown 文件的源码
2021/02/22 Python
Etam俄罗斯:法国女士内衣和家居服网上商店
2019/10/30 全球购物
运动会解说词200字
2014/02/06 职场文书
ktv总经理岗位职责
2014/02/17 职场文书
阳光体育活动总结
2014/04/30 职场文书
安全先进个人材料
2014/12/29 职场文书
努力学习保证书
2015/02/26 职场文书
安装配置mysql及Navicat prenium的详细流程
2021/06/10 MySQL
详解Flutter网络请求Dio库的使用及封装
2022/04/14 Java/Android