性能高效的移动端和微信UI YDUI-Touch

  • A+
所属分类:开源推荐

AjaxUpload:

Javascript 异步上传插件,包含 3 个子项目 BUpload, JUpload, TUploa

d, 你可以根据项目的需求选择使用:

  • 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);
		}
	});

标签:ajaxupload  常用javascript包
项目地址:https://github.com/Jako/AjaxUpload

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: