AjaxUploadJavascript 異步上傳插件

Javascript 異步上傳插件，包含 3 個子項目 BUpload, JUpload, TUpload， 你可以根據(jù)項目的需求選擇使用：

• BUpload : 基于HTML5， UI仿百度編輯器的圖片上傳, 支持圖片上傳，在線圖片管理，和圖片搜索和遠程圖片抓取，支持圖片預(yù)覽，有進度條

• TUpload : 基于HTML5， UI仿騰訊的QQ空間上傳圖片，支持圖片預(yù)覽，有進度條。

• JUpload : 基于HTML5+iframe的異步上傳，會自動判斷，如果不支持 H5就會使用 iframe 上傳

插件依賴:

• jQuery-1.7.1以上版本

在線預(yù)覽

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

使用

BUpload

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

		new BUpload({
			upload_url : "upload.php",
			list_url : "image_list.php",	//圖片列表數(shù)據(jù)獲取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);
		}
	});