详解jQuery uploadify文件上传插件的使用方法 - 星鸿娱乐平台【授权指定首页】

玩法介绍当前位置:星鸿娱乐 > 玩法介绍 > >

详解jQuery uploadify文件上传插件的使用方法

  

[jquery,uploadify,uploadify,参数详解,uploadify]详解jQuery uploadify文件上传插件的使用方法

  

uploadify这个插件是基于js里面的jquery库写的。结合了ajax和flash,实现了这个多线程上传的功能。

  

  

现在最新版为3.2.1。

  

  

在线实例  

  

实例中用到的php文件UploaderDemo.php请在页面下方下载  

  

引入文件  

  
      
  •   
  •   
  •   
  

使用方法  

  
  
  
  
    
  
  
  var timestamp = new Date().getTime();  var token = Math.floor(Math.random() * 1000) + timestamp;  $(function() {  $('#file_upload').uploadify({  'buttonText': '选择文件..',  'fileObjName': 'simplefile',  'method': 'post',  'multi': true,  'queueID': 'fileQueue',  //'uploadLimit': 2,  'fileTypeExts': '*.gif;*.png;*.jpg;*.bmp;*.jpeg;',  'buttonImage': '/static/js/uploadify/select.png',  'formData': {  'timestamp': timestamp,  'token': token  },  'swf': '/static/js/uploadify/uploadify.swf',  'uploader': '/static/php/UploaderDemo.php',  'onUploadStart': function() {  $imgHtml = '';  $('#uploadfiles').append($imgHtml);  },  'onUploadSuccess': function(file, data, response) {  $('.upload_load').remove();  var json = $.parseJSON(data);  if (json.state == 'success') {  $imgHtml = '';  $imgHtml += '';  $imgHtml += '';  $imgHtml += '';  $imgHtml += '删除';  $imgHtml += '';  $($imgHtml).appendTo('#uploadfiles');  } else {  alert(json.message);  }  },  'onQueueComplete': function() {  $('.upload_load').remove();  }  });  });  
  
  

参数说明  
  

  

                                                                                                                                星鸿娱乐平台                                            
一、属性
属性名称默认值说明
autotrue设置为true当选择文件后就直接上传了,为false需要点击上传按钮才上传 。
buttonClass按钮样式
buttonCursor‘hand'鼠标指针悬停在按钮上的样子
buttonImagenull浏览按钮的图片的路径 。
buttonText‘SELECT FILES'浏览按钮的文本。
checkExistingfalse文件上传重复性检查程序,检查即将上传的文件在服务器端是否已存在,存在返回1,不存在返回0
debugfalse如果设置为true则表示启用SWFUpload的调试模式
fileObjName‘Filedata'文件上传对象的名称,如果命名为'the_files',PHP程序可以用$_FILES['the_files']来处理上传的文件对象。
fileSizeLimit0  

上传文件的大小限制 ,如果为整数型则表示以KB为单位的大小,如果是字符串,则可以使用(B, KB, MB, or GB)为单位,比如'2MB';  

  

如果设置为0则表示无限制  

  
fileTypeDesc‘All Files'这个属性值必须设置fileTypeExts属性后才有效,用来设置选择文件对话框中的提示文本,如设置fileTypeDesc为“请选择rar doc pdf文件”
fileTypeExts‘*.*'设置可以选择的文件的类型,格式如:'*.doc;*.pdf;*.rar' 。
formData JSON格式上传每个文件的同时提交到服务器的额外数据,可在'onUploadStart'事件中使用'settings'方法动态设置。
Height</td>  30设置浏览按钮的高度 ,默认值
itemTemplatefalse用于设置上传队列的HTML模版,可以使用以下标签:  
  instanceID – Uploadify实例的ID  
  fileID – 列队中此文件的ID,或者理解为此任务的ID  
  fileName – 文件的名称  
  fileSize – 当前上传文件的大小  
  插入模版标签时使用格式如:${fileName}
methodPost提交方式Post或Get
multitrue设置为true时可  

(责任编辑:admin)

上一篇:基于jQuery的简单九宫格实现代码

下一篇:app软件开发成功的关键因素

推荐内容

客户服务热线

010-400-12345

在线客服