配置Ajax Uploader

最新推荐文章于 2021-02-13 08:30:25 发布

原创最新推荐文章于 2021-02-13 08:30:25 发布 · 706 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax #extension #file #upload #function #button

本文介绍了一个使用newAjaxUpload进行文件上传的方法。通过设置服务器处理脚本路径、文件名、附加数据等参数，实现了文件的选择与自动提交功能，并定义了文件选择、上传前后触发的事件。

new AjaxUpload('#upload_button_id', {
  // 服务器端处理上传文件的脚本路径
  action: 'upload.php',
  // File upload name, 如在php中$_FILES['userfile']
  name: 'userfile',
  // 其他要同时post的数据
  data: {
    example_key1 : 'example_value',
    example_key2 : 'example_value2'
  },
  // Submit file after selection
  autoSubmit: true,
  // 文件被选择后触发
  // Useful when autoSubmit is disabled
  // You can return false to cancel upload
  // @param file basename of uploaded file
  // @param extension of that file
  onChange: function(file, extension){},
  // 文件被上传完成前触发
  // You can return false to cancel upload
  // @param file basename of uploaded file
  // @param extension of that file
  onSubmit: function(file, extension) {},
  // 文件上传完成后触发
  // @param file basename of uploaded file
  // @param response server response
  onComplete: function(file, response) {}
});