jQuery点击头像上传并预览

先给大家展示下效果图：

HTML代码

<div class="img_show img_show1">  <img src="img2/img06.webp" width="103" height="103" alt="">  <input type="file" class="upfile" accept="*/*"></div>

jQuery代码

DS.upfile = function(){  $('.img_show').each(function(){   var $this = $(this),    btn = $this.find('.upfile'),    img = $this.find('img');   btn.on('change',function(){    var file = $(this)[0].files[0],     imgSrc = $(this)[0].value,     url = URL.createObjectURL(file);    if (!/\.(jpg|jpeg|png|JPG|PNG|JPEG)$/.test(imgSrc)){     alert("请上传jpg或png格式的图片！");     return false;    }else{     img.attr('src',url);     img.css({'opacity':'1'});    }   });  }); }();

以上所述是小编给大家介绍的jQuery点击头像上传并预览图片，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

头像上传电脑软件 jquery

http200、301、304等状态码详解

状态码,详解,电脑软件，当浏览者访问一个网页时，浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前，此网页所在的服务器会返回一个包含HTTP状态码的信息头（server header）用以响应浏览器的请求HTTP状态码的英文为HTTP Status…

React中jquery引用的实现方法

方法,引用,电脑软件,React,jquery，在React中引用Jquery比较好玩，获取元素的数据更多1.引入方法举例：import $ from 'jquery';import { Button } from 'antd';class testJquery extends React.Component {　　constructor(props) {　　　…

如何将应用所有的PPT页面

页面,如何将,图片,电脑软件,PPT，　　快速将图片应用到所有PPT页面，有两种方法可以解决这个问题。第一种用母板。第二种用PPT背景功能。以下是小编为您带来的关于将图片应用所有的PPT页面，希望对您有所帮助。将图片应用所有的PPT页面方法1：母板…

PPT如何排版才能突出中心主题PPT排

方法,主题,中心,技巧,电脑软件，　　好的ppt会让人一眼就抓住重点，不会让观众在不重要的内容上浪费太多的时间而忽视演讲者的演讲。也行你已经知道如何吸引观众的眼球，但是你是否了解如何快速抓住观众的心呢?以下小编整理的PPT突出中心的排版…

Webpack实现按需打包Lodash的几种

详解,按需,几种方法,电脑软件,Webpack，前言在数据操作时，Lodash 就是我的弹药库，不管遇到多复杂的数据结构都能用一些函数轻松拆解。ES6 中也新增了诸多新的对象函数，一些简单的项目中 ES6 就足够使用了，但还是会有例外的情况引用了少数的 Loda…

清空元素html | innerHTML= 与 em

推荐,元素,清空,区别,电脑软件，一、清空元素的区别 1、错误做法一： $("#test").html("");//该做法会导致内存泄露 2、错误做法二： $("#test")[0].innerHTML=""; ;//该做法会导致内存泄露 3、正确做…

qq安全中心如何设置禁止登陆游戏qq

方法,安全中心,登录,设置,游戏，　　如果我们不喜欢玩qq游戏，为了保护自己qq账号的安全，我们可以在qq安全中心中设置禁止登陆游戏。你知道qq安全中心如何设置禁止登陆游戏吗？下面就让小编告诉大家qq安全中心设置禁止登陆游戏的方法。qq安全中…

ppt如何添加重叠动画效果图解

动画效果,方法,重叠,叠加,电脑软件，　　你知道在ppt里怎样设置叠加动画效果吗?对于大多数人来说还是不太懂添加叠加动画的方法，下面就让小编告诉你ppt叠加动画效果的方法，欢迎大家来到学习。ppt添加叠加动画效果的方法一ppt添加叠加动画效果…

JavaScript利用闭包实现模块化

模块化,闭包,电脑软件,JavaScript，利用闭包的强大威力，但从表面上看，它们似乎与回调无关。下面一起来研究其中最强大的一个：模块。function foo() { var something = "cool"; var another = [1, 2, 3]; function doSomething() { console.lo…

Excel怎么设置超期提醒功能Excel超

设置,方法,功能,电脑软件,Excel，　　利用Excel函数对表格设置超期提醒功能。可以让你知道哪些客户超期了，在你给客户办会员卡的时候非常有用。小面小编教你怎么在Excel设置超期提醒功能，希望对你有帮助！Excel超期提醒功能设置方法假设Excel表…

关于jQuery里prev | 的简单操作代

操作,代码,简单,电脑软件,jQuery，prev() 函数被用来匹配元素集的前一个兄弟元素，仅仅只有前一个兄弟元素被选择，其子元素将被忽略。这里给大家介绍jQuery里prev()的简单操作，具体内容如下：一个朋友提了个需求给我：点击按钮删除input，如果input剩…

手机端转换rem适应

转换,手机端,电脑软件,rem，话不多说，请看代码：<script> (function() { var changeRem = function() { document.getElementsByTagName('html')[0].style.fontSize = document.documentElement.clientWidth / 20 + 'px'; }; cha…

热门内容

相关文章