AjaxUpload

Javascript 异步上传插件
授权协议 MIT
开发语言 JavaScript
所属分类 Web应用开发、 常用JavaScript包
软件类型 开源软件
地区 国产
投 递 者 薛保臣
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Javascript 异步上传插件,包含 3 个子项目 BUpload, JUpload, TUpload, 你可以根据项目的需求选择使用:

  • BUpload : 基于HTML5, UI仿百度编辑器的图片上传, 支持图片上传,在线图片管理,和图片搜索和远程图片抓取,支持图片预览,有进度条

  • TUpload : 基于HTML5, UI仿腾讯的QQ空间上传图片,支持图片预览,有进度条。

  • JUpload : 基于HTML5+iframe的异步上传,会自动判断,如果不支持 H5就会使用 iframe 上传

插件依赖:

  • jQuery-1.7.1以上版本

在线预览

http://d.r9it.com/ajaxupload/

使用

BUpload

$("#upload-btn").on("click", function() {

		new BUpload({
			upload_url : "upload.php",
			list_url : "image_list.php",	//图片列表数据获取url
			search_url : "image_search.php",	//图片搜索页面url
			max_filesize : 1024,
			max_filenum : 10,
			callback : function(data) {
				$.each(data, function(idx, item) {
					$("#image-box").append('');
				});
				console.log(data);
			}
		});

	});

TUpload

$("#upload-btn").on("click", function() {

		new TUpload({
				uploadUrl : "upload.php",
				maxFileSize : 1024,
				maxFileNum : 20,
				callback : function(data) {
					$.each(data, function(idx, item) {
						$("#image-box").append('');
					});
					console.log(data);
				}
			});

	});

JUpload

$("#upload-btn").JUpload({
		url : "upload.php",
		src : "src",
		image_container : "image-box"
	});

	$("#upload-btn2").JUpload({
		url : "upload.php",
		src : "src",
		callback : function(data) {
			$("#img-src").val(data.message);
		}
	});
  • JQuery插件 Ajaxupload实现文件上传功能时无需创建form表单,就可以通过ajax的方式实现文件上传,功能丰富,可以设置上传之前、上传之后的动作,方便做一些处理工作。Ajaxupload可以实现上传文件时页面无刷新,当选择一个文件之后,就开始了上传动作,不会刷新或跳转页面。   使用Ajaxupload,需要下载jquery及Ajaxupload,然后在html页面中引入jquery

  • ajaxupload.js 是一款使用jquery上传文件的js插件,对于简单的文件上传,足够可以应付。 该插件主要有以下几个选项: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 settings = { action: 'upload.php', //要提交的地址 name: 'userfile',//参数名次 data: {},//和文件一起提交的其它参数 autoS

  • 原文地址为: 使用 Jquery AjaxUpload 上传图片  来源:http://www.cnblogs.com/hxling/archive/2010/07/05/1771320.html 本次使用AJAXUPLOAD做为上传客户端无刷上传插件,其最新版本为3.9,官方地址:http://valums.com/ajax-upload/ 在页面中引入 jquery.min.1.4.2.js

  • cropper配合ajaxupload实现图片截图与上传并上传至远程服务器地址 1、插件引用     <!-- 上传图片css -->     <link rel="stylesheet" href="../css/common/cropper.min.css" />     <!-- 图片上传插件 -->     <script src="../js/common/ajaxupload.js"

  • 以前做web端时用到一个上传文件的插件ajaxupload,主要用于上传图片和文档,没有试过上传视频,这里给大家分享一下。插件可以到网上下载。 1,引入jquery和ajaxupload, <script src="jquery-1.11.3.min.js"></script> <script src="ajaxupload.3.9.js"></script> 2,定义上传函数,修改一些配置(可以

  • jquery中Uncaught TypeError: $(...).ajaxUpload is not a function(…)错误解决方法 参考文章: (1)jquery中Uncaught TypeError: $(...).ajaxUpload is not a function(…)错误解决方法 (2)https://www.cnblogs.com/nizuimeiabc1/p/69052

  • 我们使用ajaxupload插件上传文件时,有时返回的数据的是这样的: <pre style="word-wrap: break-word; white-space: pre-wrap;">{"errCode":"","resCode":"0","resData":null}</pre> 这种数据怎么来处理的呢,那就用 var data = $.parseJSON(response.replace

  • 使用Ajaxupload.js上传文件 Posted on 2014年1月12日 by johnyannj ajaxupload.js 是一款使用jquery上传文件的js插件,对于简单的文件上传,足够可以应付。 该插件主要有以下几个选项: settings = { action: ‘upload.php’, //要提交的地址 name: ‘userfile’,//参数名次 data: {},//

  • 一.引入ajaxfileuploadjs文件 文件引用下载路径:点击打开链接 二.前台html代码 <span style="font-size:14px;"><span style="font-size:14px;"> <body> <h1>选择图片后,点击按钮上传</h1> <input id="fileToUpload" type="file" size="45" name="fileT

 相关资料
  • jQuery异步上传, 其使用原理是iframe. 特点: 小巧 简单 使用方法 1 在页面引入jquery.upload js 2 代码 // upload_img 为一个按钮, 点击时选择文件上传$("#upload_img").click(function() { // 上传方法 $.upload({ // 上传地址

  • 本文向大家介绍springmvc利用jquery.form插件异步上传文件示例,包括了springmvc利用jquery.form插件异步上传文件示例的使用技巧和注意事项,需要的朋友参考一下 需要的下载文件: jQuery.form.js jquery.js commons-fileupload.jar commons-io.jar 示例图片 pom.xml web.xml 解决上传后中文文件名乱

  • 问题内容: 我想用jQuery异步上传文件。 我只获取文件名,而不是上传文件。我该怎么做才能解决此问题? 问题答案: 使用HTML5,你可以使用Ajax和jQuery进行文件上传。不仅如此,你还可以执行文件验证(名称,大小和MIME类型)或使用HTML5进度标签(或div)处理进度事件。最近,我不得不制作一个文件上传器,但是我不想使用Flash,iframes或插件,经过一番研究后,我想到了解决方

  • 快速上手 demo 地址 https://github.com/ChenShenhai/koa2-note/tree/master/demo/upload-async 源码理解 demo源码目录 . ├── index.js # 后端启动文件 ├── node_modules ├── package.json ├── static # 静态资源目录 │ ├── image # 异步上传图片存储

  • 本文向大家介绍jquery中的ajax异步上传,包括了jquery中的ajax异步上传的使用技巧和注意事项,需要的朋友参考一下 找了好久终于在网上找到了ajax异步上传文件的方法,不过网上大多数是php的 ,我改为struts2写的 大同小异,希望对学习java的人有一定的帮助。我上传的是音乐文件。 ajaxfileupload.js这个js文件是主要文件,一定要导入。  jsp页面 ,其中我还做

  • 本文向大家介绍基于Jquery插件实现跨域异步上传文件功能,包括了基于Jquery插件实现跨域异步上传文件功能的使用技巧和注意事项,需要的朋友参考一下 先说明白 这个跨域异步上传功能我们借助了Jquery.form插件,它在异步表单方面很有成效,而跨域我们会在HTTP响应头上添加access-control-allow-method,当然这个头标记只有IE10,火狐和谷歌上支持,对于IE10以下的

  • 我正在使用 Amazon S3 分段上传,我读到您可以并行上传部分文件。但是,通过查看文档,我发现亚马逊对上传的文件部件的响应不包含部件号。所以我的问题是,如果我异步上传文件的第1部分和文件的第2部分,那么我检查来自亚马逊的响应,我如何知道响应是引用文件的第1部分还是第2部分? 下面是一个请求和响应的示例。

  • 本文向大家介绍浅谈struts1 & jquery form 文件异步上传,包括了浅谈struts1 & jquery form 文件异步上传的使用技巧和注意事项,需要的朋友参考一下 1.概述 还在用struts1?是的,在地球的没写地方,落后的生产方式还在运转(老项目). 从 继承org.apache.struts.action.Action, 继承org.apache.struts.actio