zoukankan      html  css  js  c++  java
  • 文件上传插件 plupload ,上传一个,删除之前上传,才能继续上传

     1 var uploader = new plupload.Uploader({
     2 
     3    runtimes: 'html5,flash,silverlight,html4',//用来指定上传方式,指定多个上传方式请使用逗号隔开。
     4    browse_button: 'browse',//触发文件选择对话框的按钮,为那个元素id
     5    container: container, //用来指定Plupload所创建的html结构的父容器,默认为前面指定的browse_button的父元素。该参数的值可以是一个元素的id,也可以是DOM元素本身。
     6    max_file_size: '10mb',//最大上传文件
     7    url: url,//服务器端接收和处理上传文件的脚本地址,可以是相对路径(相对于当前调用Plupload的文档),也可以是绝对路径
     8 
     9    flash_swf_url: 'lib/plupload-2.1.2/js/Moxie.swf',
    10    silverlight_xap_url: 'lib/plupload-2.1.2/js/Moxie.xap',
    11    filters: [{
    12       title: "Image files",
    13       extensions: "jpg,gif,png"
    14    }],
    15 
    16    init: {
    17     //当Init事件发生后触发
    18       PostInit: function() {
    19 
    20       },
    21 
    22     //绑定各种事件,并在事件监听函数中做你想做的事
    23     FilesAdded: function(up, files) {
    24 
    25       },
    26     //当队列中的某一个文件正要开始上传前触发
    27       BeforeUpload: function(up, file) {
    28 
    29       },
    30     //会在文件上传过程中不断触发,可以用此事件来显示上传进度
    31       UploadProgress: function(up, file) {
    32 
    33        
    34       },
    35     //当队列中的某一个文件上传完成后触发
    36       FileUploaded: function(up, file, info) {
    37 
    38          if (info.status == 200) {
    39         //success
    40             
    41          } else if (info.status == 203) {
    42 
    43             console.log(info);
    44          } else {
    45 
    46             console.log(info);
    47          }
    48          //上传完成 删除图片
    49       //下次点击才能上传
    50          uploader.removeFile(file);
    51       },
    52     //当发生错误时触发
    53       Error: function(up, err) {
    54          if (err.code == -600) {
    55 
    56             
    57          } else if (err.code == -601) {
    58 
    59             
    60          } else if (err.code == -602) {
    61 
    62             
    63          } else {
    64 
    65             
    66          }
    67       }
    68    }
    69 });
    70 
    71 uploader.start();//上传
  • 相关阅读:
    wap学习记录
    vue router
    webpack 之 缓存处理
    webpack 之 plugin
    webpack 之 loader
    babel实践
    webpack 之 webpack-dev-server自动刷新
    webpack之source map
    vue笔记
    《高性能网站建设指南》笔记
  • 原文地址:https://www.cnblogs.com/caiyingyong/p/7286230.html
Copyright © 2011-2022 走看看