1 Star 0 Fork 84

标点符号 / ajaxUpload

forked from RockYang / Uploader 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
README.md 1.60 KB
一键复制 编辑 原始数据 按行查看 历史
RockYang 提交于 2016-06-06 23:04 . 更新README文件

AjaxUpload

@author:yangjian102621@gmail.com

插件描述:

javascript异步上传插件,包含3个子项目BUpload, JUpload, TUpload.

  • BUpload : 基于HTML5, UI仿百度编辑器的图片上传, 支持图片上传,浏览图片,和图片搜索,支持图片预览,有进度条
  • TUpload : 基于HTML5, UI仿腾讯的QQ空间上传图片,支持图片预览,有进度条。
  • JUpload : 基于iframe的异步上传。

插件依赖:

  • jQuery-1.7.1以上版本

使用demo

####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('<img src="'+item+'" width="200" />');
				});
				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('<img src="'+item+'" width="200" />');
					});
					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);
		}
	});
JavaScript
1
https://gitee.com/duoai/ajaxUpload.git
git@gitee.com:duoai/ajaxUpload.git
duoai
ajaxUpload
ajaxUpload
master

搜索帮助