diyUpload多图上传插件(基于WebUploader)

多张图片上传的需求,你肯定遇到过,是做电商、写博客或者搞社交类项目的时候。diyUpload这个插件就挺实用的,它是基于WebUploader二次封装的,界面友好、功能也丰富,适合快速集成。

WebUploader 是阿里出的老牌上传组件,支持多图选择、断点续传,兼容性也不错(连 IE6 都能跑)。diyUpload就是在这个基础上加了点料——比如拖拽上传、进度条、事件钩子都帮你封装好了。

你要做的事也不复杂:先引入jquery.jswebuploader.jsdiyUpload.js,写一段初始化代码:

$('#uploader').diyUpload({
  url: '/upload.php',
  success: function( data ) {
    console.log('上传成功:', data);
  },
  error: function( err ) {
    console.log('上传失败:', err);
  }
});

上传的时候用户可以直接拖图片进去,响应也快,上传进度清晰明了。你还能监听事件,比如uploadSuccessuploadError,自己写逻辑上传结果。

了,后端也得配合,写个upload.php接收文件,搞下存储、压缩、转码什么的。,用这个插件能帮你少写一堆重复代码,体验上也还不错。

如果你项目里有图片批量上传的需求,试试 diyUpload,真的是省心不少。

rar 文件大小:129.6KB