diyUpload多图上传插件(基于WebUploader)
多张图片上传的需求,你肯定遇到过,是做电商、写博客或者搞社交类项目的时候。diyUpload这个插件就挺实用的,它是基于WebUploader二次封装的,界面友好、功能也丰富,适合快速集成。
WebUploader 是阿里出的老牌上传组件,支持多图选择、断点续传,兼容性也不错(连 IE6 都能跑)。diyUpload就是在这个基础上加了点料——比如拖拽上传、进度条、事件钩子都帮你封装好了。
你要做的事也不复杂:先引入jquery.js
、webuploader.js
和diyUpload.js
,写一段初始化代码:
$('#uploader').diyUpload({
url: '/upload.php',
success: function( data ) {
console.log('上传成功:', data);
},
error: function( err ) {
console.log('上传失败:', err);
}
});
上传的时候用户可以直接拖图片进去,响应也快,上传进度清晰明了。你还能监听事件,比如uploadSuccess
、uploadError
,自己写逻辑上传结果。
了,后端也得配合,写个upload.php
接收文件,搞下存储、压缩、转码什么的。,用这个插件能帮你少写一堆重复代码,体验上也还不错。
如果你项目里有图片批量上传的需求,试试 diyUpload,真的是省心不少。
129.6KB
文件大小:
评论区