一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

webupload 上传多文件附加参数

时间:2016-02-23 编辑:简简单单 来源:一聚教程网

WebUploader只包含文件上传的底层实现,不包括UI部分。所以交互方面可以自由发挥,以下将演示如何去实现一个简单的版本。

uploader = WebUploader.create({
 
      // 不压缩image
      resize: false,
 
      // swf文件路径
      swf:  baseUrl+'webuploader/Uploader.swf',
 
      // 文件接收服务端。
      server: baseUrl+'/files/addManyFile',
 
      // 选择文件的按钮。可选。
      // 内部根据当前运行是创建,可能是input元素,也可能是flash.
      pick: '#picker'
  });

js创建的时候就已经创建了 server 的服务接口

后期 可根据 点击上传按钮进行修改

$btn.on( 'click', function() {
 
  if($("#catalogId").val()==null||$("#catalogId").val()==""){
    alert("请选择好二级目录");
     return ;
  }
   uploader.option( 'server', baseUrl+'/files/addManyFile?catalog.id='+$("#catalogId").val());
      if ( state === 'uploading' ) {
          uploader.stop();
      } else {
          uploader.upload();
      }
});

这句话是关键。。

uploader.option( 'server', baseUrl+'/files/addManyFile?catalog.id='+$("#catalogId").val());

热门栏目