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();
upload.init({target:$('#btn_upload'),url:"data.html",accept:"png,jpg", callback:function(result){
eval( 'result='+result);
$('body').append('<img src="'+result.url+'" width="200" height="200"/><input type="hidden" value="'+result.url+'"/>');
}});
</script>
或者 requirejs:
<button id="btn_upload">upload</button>
<script type="text/javascript" src="../dest/require.js"></script>
<script>
requirejs.config({
//By default load any module IDs from js/lib
baseUrl: '../dest',
paths: {
$: 'jquery-1.11.2',
upload:"upload"
}
});
require(['upload',"$"], function(Upload,$) {
var upload = new Upload();
upload.init({target:$('#btn_upload'),url:"data.html",accept:"png,jpg", callback:function(result){
eval( 'result='+result);
$('body').append('<img src="'+result.url+'" width="200" height="200"/><input type="hidden" value="'+result.url+'"/>');
}});
});
</script>
属性和方法
属性
target:
上传的对象结点(jquery方式调用的为它本身)
url:
上传提交地址
accept:
文件格式,如"jpg,png,jpeg",不区分大小写
方法
callback:function(result)
上传完成后的回调,参数result是返回的数据,这里只作字符串的处理,如果要转json可以使用JSON.parse或上面例子里的eval进行转换
startUpload:function(input,i)
上传开始时的回调,i 是一个随机的key,它与callback的i是一相同的,可以用它来串联这些回调,比如例子中的loading效果
其它组件推荐
-
日历、日期、calendar Code Demo & API
-
浮层、弹窗、dialog Code Demo & API
-
h5上传图片、upload Code Demo & API
-
js的滚动加载内容 Code Demo & API
-
js手机选择地区联动仿ios Code Demo & API
-
js实现手机端图片预览 Code Demo & API
-
js实现手机端选择日期 Code Demo & API
-
轮播图片、支持手机滑动 Code Demo & API
-
iframe上传文件upload Code Demo & API
-
点击的进度条 Code Demo & API
-
文本框计数统计 Code Demo & API
-
图片的懒加载 Code Demo & API
-
图片放大镜 Code Demo & API
-
ajax分页插件paging Code Demo & API
-
url参数和表单json参数 Code Demo & API
-
table表格组件 Code Demo & API
-
自动搜索提示autosearch Code Demo & API
-
数字格式化千分位 Code Demo & API
-
ajax的扩展network Code Demo & API
-
loading加载效果 Code Demo & API
-
js提示组件tip Code Demo & API
-
模拟select下拉选择框 Code Demo & API
-
localStorage-cache本地缓存管理 Code Demo & API
-
地区联动选择pc版 Code Demo & API
-
音频播放器样式 Code Demo & API