Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
dest
dist
example
src
.gitignore
README.md
bower.json
gulpfile.js
http.js
mine.js

README.md

upload

js上传文件 例子见DEMO

用法

<button id="btn_upload">upload</button>
<script src="../src/jquery-1.9.1.min.js"></script>
<script src="../src/upload.js"></script>
<script>
	var upload = new Upload();
	var loadArr = {};
	upload.init({target:$('#btn_upload'),url:"data.html",accept:"png,jpg",startUpload:function(input,i){
		console.log('正在上传中....')
		loadArr[i] = $('<span>正在上传中....</span>');
		$('#preview').append(loadArr[i]);
	}, callback:function(result,i){
		eval( 'result='+result);
		setTimeout(function(){
			//看到正在上传中的效果加了定时器,实际应用中不需要
			loadArr[i] .html('<img src="'+result.url+'" width="200" height="200"/><input type="hidden" value="'+result.url+'"/>');
		},1000)
	}});
</script>

属性和方法

属性

accept

扩展名,如accept:"png,jpg"

name

file的name值

target:

上传的对象结点(jquery方式调用的为它本身)

url:

上传提交地址

accept:

文件格式,如"jpg,png,jpeg",不区分大小写

autoPost:

是否自动提交表单,默认true,如果为false要指定postTarget

postTarget:

当autoPost为false时,需要触发提交上传操作的dom元素

postData:

当上传文件时可以post参数, 如{key:value}

方法

callback:function(result,i)

	上传完成后的回调,参数result是返回的数据,这里只作字符串的处理,如果要转json可以使用JSON.parse或上面例子里的eval进行转换  ,i 是一个随机的key,它与当前上传的操作关联

startUpload:function(input,target,i)

	上传开始时的回调,i 是一个随机的key,它与callback的i是一相同的,可以用它来串联这些回调,比如例子中的loading效果