来自 计算机前端 2019-11-23 15:01 的文章
当前位置: 美高梅4858官方网站 > 计算机前端 > 正文

jQuery上传插件webupload使用方式

WebUploader是由Baidu WebFE(FEX)共青团和少先队支付的一个简单易行的以HTML5为主,FLASH为辅的今世文件上传组件。在现世的浏览器里面能丰富发挥HTML5的优势,同不经常候又不放任主流IE浏览器,沿用原本的FLASH运营时,宽容IE6+,iOS 6+, android 4+。两套运维时,同样的调用格局,可供客商自由选用。采取大文件分片并发上传,相当的大的巩固了文本上传作用。

本条插件很好用,效能也比较强硬,比ajaxfileupload要强大,可去官网下载。

当前项目中只用到了图片批量上传功效,官方示例已经写的很详细了,上边介绍下怎么把合法示例迁移到协和的项目中:

// 实例化
 uploader = WebUploader.create({
  pick: {
  id: '#filePicker',
  label: '点击选择图片'
  },
  formData: {
  uid: 123
  },
  dnd: '#dndArea',
  paste: '#uploader',
  swf: '../../dist/Uploader.swf',
  chunked: false,
  chunkSize: 512 * 1024,
  server: '../../server/fileupload.php',
  // runtimeOrder: 'flash',

  // accept: {
  // title: 'Images',
  // extensions: 'gif,jpg,jpeg,bmp,png',
  // mimeTypes: 'image/*'
  // },

  // 禁掉全局的拖拽功能。这样不会出现图片拖进页面的时候,把图片打开。
  disableGlobalDnd: true,
  fileNumLimit: 300,
  fileSizeLimit: 200 * 1024 * 1024, // 200 M
  fileSingleSizeLimit: 50 * 1024 * 1024 // 50 M
 });

1、server  改正为和煦的后台管理类 通过 HttpFileCollection files = System.Web.HttpContext.Current.Request.Files; request.Files的章程拿到插件上传的图纸。

2、示例程序暗中同意是启用压缩的,这几个能够设置,当图片大于多少是足以自行减削图片的,尽管无需减弱,则要求再开始化的时候增加compress:false, 属性

3、

accept: {
  title: 'Images',
  extensions: 'gif,jpg,jpeg,bmp,png',
  mimeTypes: 'image/*'
  },

合法上传图片的示范不精通怎么来头把图纸筛选那些注释掉了,假设想上传的文本只好采取图片,则需求去掉注释

4、扩充了对图纸像素大小的推断,本身用了uploadAccept 方法,是把图片提交上去了后来再后台举办剖断的,(不知是还是不是有更加好的方式卡塔尔因为插件本身的file类是足以管理公事的,所以并从未独立赢得像素的品质,示例:

 uploader.on('uploadAccept', function (object, ret) {

  var resJson = $.parseJSON(ret._raw);
  if (resJson.result == "error") {
   alert(object.file.name + "象素太低,请检查上传!");
   return false;
  }

  });

该方法重返false的时候,会引致图片上传退步,所以往台推断像素后经过后台重返的情景来退换图片上传的情景。

 以上正是本文的全体内容,希望对大家的上学抱有助于,也冀望大家多多照料脚本之家。

你大概感兴趣的稿子:

  • JQuery上传插件Uploadify使用详明及错误管理
  • 享用20几个很棒的jQuery 文件上传插件或学科
  • jquery之ajaxfileupload异步上传插件(附工程代码)
  • jquery上传插件fineuploader上传文件使用办法(jquery图片上传插件)
  • jQuery File Upload文件上传插件使用详细明白
  • Jquery上传插件 uploadify v3.1应用表达
  • jQuery文件上传插件Uploadify使用指南
  • 赶尽杀绝jQuery上传插件Uploadify现身Http Error 302错误的艺术
  • 图表上传插件jquery.uploadify详细解释
  • Jquery uploadify图片上传插件不恐怕上传的缓慢解决方式

本文由美高梅4858官方网站发布于计算机前端,转载请注明出处:jQuery上传插件webupload使用方式

关键词: