首页
前端开发
Javascript
ajaxfileupload基于jQuery的异步上传插件

ajaxfileupload基于jQuery的异步上传插件

0 次浏览 0 条评论
zip
zip

基于 jQuery 的文件上传插件，用起来还是挺顺手的。异步上传，不用刷新页面，体验流畅，前端开发中还蛮常用的。适合那种表单里有图片或附件上传的场景，省事不少。

AJAX 的异步特性让你能后台上传文件，页面一点都不动，用户操作也不会被打断。加上ajaxfileupload.js的各种回调和错误，做上传功能不但简单，连用户体验也能兼顾到。

你只要在页面里引入jquery-1.8.0.min.js和ajaxfileupload.js这两个文件，调用$.ajaxFileUpload就行了。像下面这样：

$.ajaxFileUpload({
  url: 'upload.php',
  secureuri: true,
  fileElementId: 'myfile',
  dataType: 'json',
  success: function(data, status) {
    console.log('Data:', data);
    console.log('Status:', status);
  },
  error: function(data, status, e) {
    console.error('Error:', data, status, e);
  }
});

自定义配置也挺灵活，比如上传地址、允许文件类型、回调函数都能设。需要进度提示或者失败提示也能加，不用自己从头写一堆逻辑。

像社交平台传图片、编辑器传附件、后台系统上传 Excel 之类的场景都挺适合用它的。嗯，说白了就是省事。你不用搞form.submit()那一套，也不怕用户老是刷新页面丢数据。

不过要注意，它是老牌插件，依赖 jQuery，适合老项目或有 jQuery 基础的系统。如果你现在全是 Vue、React，那就不太合适啦。

如果你项目里还在用 jQuery，想要一个轻量、实用、好上手的文件上传方案，那ajaxfileupload.js可以试试看，真还不错。

zip 文件大小：34.58KB