jquery实现多次上传同一张图片
话不多说,请看代码
$('input[type=file]').wrap('<form>').closest('form').get(0).reset();
wrap():$('p').wrap('div');===><div><p></p></div>;
.closest():最接近的列表元素或者其子后代元素
get():$('p').get(0)获得第一个p元素的名称和值,这个方法得到的是dom元素,后面如果你再加jQuery方法的话就会报错
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持我们!
相关推荐
-
使用jquery.form.js实现图片上传的方法
本文实例讲述了使用jquery.form.js实现图片上传的方法.分享给大家供大家参考,具体如下: testupfile2.php <?php header('Content-type:text/html;charset=utf-8'); include_once 'includes/common.inc.php'; if(!empty($_FILES['upfile'])){ //文件格式 $image=array('image/jpg', 'image/jpeg', 'image/png',
-
jQuery实现图片上传和裁剪插件Croppie
在很多应用需要上传本地图片然后再按尺寸适当裁剪以符合网站对图片尺寸的要求.最常见的就是各用户系统要求用户上传和裁剪头像的应用.今天我给大家介绍的是一款基于HTML5和jQuery的图片上传和裁剪插件,它叫Croppie. 运行效果图: HTML 首先我们将相关js和css文件载入head中. <script src="jquery.min.js"></script> <script src="croppie.min.js"><
-
基于Jquery插件Uploadify实现实时显示进度条上传图片
先了解了解Uploadify,具体内容如下 Uploadify是一个简单易用的多文件上传方案.作为一个Jquery插件,Uploadify使用简单,并具有高度的定制性. Uploadify特性: Uploadify简单说来,是基于Jquery的一款文件上传插件.它的功能特色总结如下: 1).支持单文件或多文件上传,可控制并发上传的文件数 2).在服务器端支持各种语言与之配合使用,诸如PHP,.NET,Java-- 3).通过参数可配置上传文件类型及大小限制 4).通过参数可配置是否选择文件后自动
-
基于JQuery实现图片上传预览与删除操作
本文实例为大家分享了JQuery实现图片上传预览与删除的具体代码,经测试目前满足谷歌.火狐.360.IE6,7,8,9,10,11等浏览器,供大家参考,具体内容如下 1. preview.2.0.html <!DOCTYPE html> <html> <head> <title>上传图片预览</title> <meta http-equiv="content-type" content="text/html;
-
jQuery移动端图片上传组件
本文实例为大家分享了移动端图片上传组件,供大家参考,具体内容如下 Imageupload 使用File API+canvas 客户端压缩图片,并实现文件上传服务端 文件依赖 JQUERY 参数API loading:'.loading', 页面显示loading的图标selector url:'', 接收数据的api接口地址 maxFileSize:1010241024, 服务端支持的最大单文件大小 format:/^image/i, 支持的文件格式. images text ..... isC
-
基于jquery实现图片上传本地预览功能
当我们在上传文件时如果每次都要上传到服务器才可以预览这个做看上合理其实是不合理的,如果网速慢或图片有问题,这样不但浪费客户时间同时也浪费服务器资源了,下面我们介绍利用js上传图片时本地实现预览,希望此方法对各位有所帮助哦. 一.原理 分为两步: 当上传图片的input被触发并选择本地图片之后获取要上传的图片这个对象的URL(对象URL): 把对象URL赋值给事先写好的img标签的src属性即可把图片显示出来. 在这里,我们需要了解Javascript里File对象.Blob对象和window.U
-
jquery实现图片上传前本地预览功能
本文实例为大家分享了jquery实现图片上传前预览的具体代码,供大家参考,具体内容如下 介绍之前有一个小问题,一直找不到图片预览时,图片不出来的原因,原来在于图片的路径!!!一直写的是图片的本地路径,没有什么用.直接上代码. html部分: 复制代码 代码如下: <img id="pic" src="" > <input id="upload" name="file" accept="image/*
-
Struts2+jquery.form.js实现图片与文件上传的方法
本文实例讲述了Struts2+jquery.form.js实现图片与文件上传的方法.分享给大家供大家参考,具体如下: jquery.form.js是jQuery的一个官方用语支持异步上传文件的插件.官方网站:http://plugins.jquery.com/form/ 结合Struts2三步轻松实现文件上传 一般是针对一个页面可能不止一个Form表单,所以在一个面提交表单会影响到另一个表单,为此,图片上传表单就可以使用无刷新提交方式上传,也就是异步上传,这时jquery.from.js就派上用
-
jQuery AjaxUpload 上传图片代码
本次使用AJAXUPLOAD做为上传客户端无刷上传插件,其最新版本为3.9,官方地址:http://valums.com/ajax-upload/ 在页面中引入 jquery.min.1.4.2.js 和 ajaxupload.js <script src="Scripts/jquery-1.4.2.min.js" type="text/javascript"></script> <script src="Scripts/aj
-
jQuery实现本地预览上传图片功能
本文实例介绍了基于JQUERY扩展,图片上传预览插件,目前兼容浏览器(IE 谷歌 火狐) 不支持safari,分享给大家供大家参考,具体内容如下 HTML代码: <html> <head> <title>图片上传预览演示</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javas
随机推荐
- GO语言基本数据类型总结
- 正则表达式\d元字符(相对于数字0-9)
- 在CentOS 6 中安装WordPress(一) 安装Apache,Mysql, PHP环境
- python去掉字符串中重复字符的方法
- javascript 设置文本框中焦点的位置
- .Net MVC实现长轮询
- JavaScript中在光标处插入添加文本标签节点的详细方法
- 卡巴最新到2009-12-21的key 地址下载有效
- 使用mysqladmin检测MySQL运行状态的教程
- JavaScript模拟深蓝vs卡斯帕罗夫的国际象棋对局示例
- Android开发实现布局中为控件添加选择器的方法
- C#判断字符串中是否包含指定字符串及contains与indexof方法效率问题
- webuploader分片上传的实现代码(前后端分离)
- java客户端线上Apollo服务端的实现
- linux模糊查找文件用什么命令比较好
- Android BottomSheetDialog实现底部对话框的示例
- Go语言的http/2服务器功能及客户端使用
- Android在WebView中调用系统下载的方法
- C#中的局部变量冲突问题
- python实现ftp文件传输功能