Jquery插件之多图片异步上传_jquery

1.初始化上传控件数量。

复制代码 代码如下:

$(document).ready(function() {
$('#H_File').uploadFile({ key: 'test',count:3 });
});


以前的设计思想是,初始化上传控件数量,页面显示为1个上传控件,每当上传成功后,在下面创建一个上传控件。

2.上传图片成功后

这就是最终的效果,如果您有更好的插件,希望一起开源。
其他的就不多说了,如果您感兴趣,点击下载源码 
/201010/yuanma/jquery_aspnet_upload1.rar (262.34 kb)

时间: 2024-10-07 20:59:03

Jquery插件之多图片异步上传_jquery的相关文章

基于Jquery插件实现跨域异步上传文件功能_jquery

先说明白 这个跨域异步上传功能我们借助了Jquery.form插件,它在异步表单方面很有成效,而跨域我们会在HTTP响应头上添加access-control-allow-method,当然这个头标记只有IE10,火狐和谷歌上支持,对于IE10以下的浏览器来说,我们就不能用这种方式了,我们需要换个思路去干这事,让服务端去重写向我们的客户端,由客户端(与文件上传页面在同域下)来返回相关数据即可. 再做事 1 Jquery.form的使用 <form method="post" act

jQuery插件AjaxFileUpload实现ajax文件上传_jquery

本文实例为大家分享了AjaxFileUpload实现文件上传的具体代码,供大家参考,具体内容如下 jQuery插件AjaxFileUpload用来实现ajax文件上传,该插件使用非常简单,接下来写个demo演示怎么用AjaxFileUpload插件实现文件上传. 1.引入AjaxFileUpload插件相关的js 复制代码 代码如下: <script type="text/javascript" src="<%=basePath%>resources/js/

asp.net+jquery.form实现图片异步上传的方法(附jquery.form.js下载)_jquery

本文实例讲述了asp.net+jquery.form实现图片异步上传的方法.分享给大家供大家参考,具体如下: 首先我们需要做准备工作: jquery 点击此处本站下载. jquery.form.js 点击此处本站下载. 页面JqueryFormTest.aspx: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="JqueryFormTest.aspx.cs" Inherits=

java web-javaweb图片异步上传问题

问题描述 javaweb图片异步上传问题 有一个文章表,和一张图片表,一篇文章对应多张图片,在图片表中维护所属文章的id, 但在JSP中发布新的文章时,图片是异步上传(首先上传)的,等文章发布完成后,更新 图片表的文章id,但是图片上传完成后如果放弃发布文章,怎么删除已上传的图片 解决方案 异步图片上传异步上传图片至服务器对于异步上传图片的感悟 解决方案二: 那你就先别上传,先把本地路径显示出来,用户以为上传了,等到提交文章时候,先上传图片在提交文章表单

基于jQuery通过jQuery.form.js插件实现异步上传_jquery

本文主要从前台和后台代码分析了jquery.form.js实现异步上传的方法,分享给大家,具体代码如下 前台代码: @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <script src="~/Scripts/jquery-1.7.2.min.j

插件-bootstrap file-input 图片批量上传问题

问题描述 bootstrap file-input 图片批量上传问题 我用该bootstrap file-input插件的时候,多个图片上传出现以下情况,大侠求助: 解决方案 代码和样式贴出来看一下 解决方案二: 静态页面代码: <form name="queryForm" id="queryForm" action="${basePath}sns/album/Album/stulist.do" method="post"

jquery实现兼容IE8的异步上传文件_jquery

案例: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script type="text/

阿里云OSS利用iframe实现图片异步上传

阿里云 OSS 图片上传iframe 实现异步上传 相关代码: index.php:  代码如下 复制代码 <?php /*  * To change this template, choose Tools | Templates  * and open the template in the editor.  */ if (isset($_POST) && !empty($_POST)) {     echo "<pre>";     var_dum

jQuery+AJAX实现网页无刷新上传_jquery

新年礼,提供简单.易套用的 jQuery AJAX 上传示例及代码下载.后台对文件的上传及检查,以 C#/.NET Handler 处理 (可视需要改写成 Java 或 PHP). 有时做一个网站项目 (不论是否 ASP.NET),内附的 FileUpload 控件,功能不足 (页面必须刷新.不支援 AJAX),或外观太丑被用户嫌弃 (却无法透过 CSS 自定义外观).网路上虽已有许多可用的示例,如: jQuery File Upload,但功能太强大.外观复杂,欲仅取出部分功能来引用,反而不易