jquery.fileapi 介绍
jQuery fileapi 支持 多 文件 上传 ,拖动本地 文件 上传 , 图片 上传 可以进行在线调整大小、在线视频拍照后 上传 图像等等(多上载,图像 上传 ,裁剪,调整大小等)。
jquery.fileapi引入
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script>
window.FileAPI = {
debug: false // debug mode
,staticPath: '/js/jquery.fileapi/FileAPI/' // path to *.swf
};
</script>
<script src="/js/jquery.fileapi/FileAPI/FileAPI.min.js"></script>
<script src="/js/jquery.fileapi/FileAPI/FileAPI.exif.js"></script>
<script src="/js/jquery.fileapi/jquery.fileapi.min.js"></script>
例子
<div id="uploader">
<div class="js-fileapi-wrapper">
<input type="file" name="files[]" />
</div>
<div data-fileapi="active.show" class="progress">
<div data-fileapi="progress" class="progress__bar"></div>
</div>
</div>
<script>
jQuery(function ($){
$('#uploader').fileapi({
url: './ctrl. PHP ',
autoUpload: true,
accept: 'image/*',
multiple: true,
maxSize: FileAPI.MB*10 // max file size
});
});
</script>
网站地址 : http://rubaxa.github.io/jquery.fileapi/
GitHub: https://github.com/RubaXa/jquery.fileapi
网站描述: jquery 功能 强大 文件 上传 库
jquery.fileapi官方网站
官方网站: http://rubaxa.github.io/jquery.fileapi/
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。