关于webuploader插件使用过程遇到的小问题


Posted in Javascript onNovember 07, 2016

本文为大家解决webuploader上传插件如何自定义参数的问题,供大家参考,具体内容如下

大致架构:

 前端:html5+ajax

 后端:java (struts框架相关)

碰到问题:

后台coder给我提供一个接口./file/uploader.do?upFile=?,让我上传文件对应upFile这个参数,前端使用的是webuploader这个上传插件,并不知道这个东西怎么自定义参数。经过各种google,百度,找到以下两种解决方案:

1、接口不需要指明参数,直接用request.getInputStream()二进制的方式来接受上传的文件,但是这里特别注意,需要将webuploader这个配置

sendAsBinary改为true

var uploader = WebUploader.create({
      swf: './js/webuploader/Uploader.swf',
      server: common.BASE_URL_DEV+'/file/upload.do',
      pick: '#picker',
      duplicate: false,
      resize: false,
      auto: true,
      fileNumLimit: 5,
      sendAsBinary:true, //指明使用二进制的方式上传文件
      fileSingleSizeLimit: 5242880,
      //fileType:'rar,zip,doc,xls,docx,xlsx,pdf'
      accept: {
        title: 'intoTypes',
        extensions: 'rar,zip,doc,xls,docx,xlsx,pdf',
        mimeTypes: '.rar,.zip,.doc,.xls,.docx,.xlsx,.pdf'
      }
    });

2、使用common-fileupload这个插件接收,不多说(后端coder自知,提供相关文档一份:https://3water.com/article/94780.htm)

而在网上翻资料的时候看到很多朋友都在问,java后端怎么写?怎么接受参数?这里本人已经实践了一次,为大家做解答,首先感谢我们的后端coder,让我豁然开朗:

当我我给他接口不传参数的时候上传文件,他那里看到的tomcat日志打印出来了三个参数,分别是file,fileContentType,fileFileNamez这三个参数,file这个参数经过调试,是我传过去的文件,然后我们就猜测是不是有一个默认参数叫做“file”,去webuploader这个api中经过搜索证明了我们的猜测是正确的,如下图:

关于webuploader插件使用过程遇到的小问题

果然有一个默认参数叫做"file".....................

至此此问题迎刃而解,贴如下代码:

var uploader = WebUploader.create({
      swf: './js/webuploader/Uploader.swf',
      server: common.BASE_URL_DEV+'/file/upload.do',
      pick: '#picker',
      duplicate: false,
      resize: false,
      auto: true,
      fileNumLimit: 5,
      fileVal:"upload",  //指明参数名称,后台也用这个参数接收文件
      fileSingleSizeLimit: 5242880,
      //fileType:'rar,zip,doc,xls,docx,xlsx,pdf'
      accept: {
        title: 'intoTypes',
        extensions: 'rar,zip,doc,xls,docx,xlsx,pdf',
        mimeTypes: '.rar,.zip,.doc,.xls,.docx,.xlsx,.pdf'
      }
    });

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
解javascript 混淆加密收藏
Jan 16 Javascript
jQuery 注意事项 与原因分析
Apr 24 Javascript
JQuery困惑—包装集 DOM节点
Oct 16 Javascript
JS图片浏览组件PhotoLook的公开属性方法介绍和进阶实例代码
Nov 09 Javascript
这段js代码得节约你多少时间
Dec 20 Javascript
实现前后端数据交互方法汇总
Apr 07 Javascript
jquery彩色投票进度条简单实例演示
Jul 23 Javascript
ES6新特性之解构、参数、模块和记号用法示例
Apr 01 Javascript
slideToggle+slideup实现手机端折叠菜单效果
May 25 Javascript
js回调函数原理与用法案例分析
Mar 04 Javascript
vue组件vue-esign实现电子签名
Apr 21 Vue.js
jQuery webuploader分片上传大文件
Nov 07 #Javascript
快速掌握jQuery插件WebUploader文件上传
Nov 07 #Javascript
jquery.validate表单验证插件使用方法解析
Nov 07 #Javascript
功能强大的jquery.validate表单验证插件
Nov 07 #Javascript
JS 实现Base64编码与解码实例详解
Nov 07 #Javascript
百度多文件异步上传控件webuploader基本用法解析
Nov 07 #Javascript
Angularjs的Controller间通信机制实例分析
Nov 07 #Javascript
You might like
PHP中实现crontab代码分享
2015/03/26 PHP
YII Framework框架教程之日志用法详解
2016/03/14 PHP
mac pecl 安装php7.1扩展教程
2019/10/17 PHP
用JavaScript编写COM组件的步骤
2009/03/17 Javascript
javascript 操作文件 实现方法小结
2009/07/02 Javascript
基于jQuery的实现简单的分页控件
2010/10/10 Javascript
jquery获取tr中控件值并操作tr实现思路
2013/03/27 Javascript
jQuery在html有效在jsp无效的原因及解决方法
2013/08/02 Javascript
jquery中map函数与each函数的区别实例介绍
2014/06/23 Javascript
jQuery实现每隔几条元素增加1条线的方法
2016/06/27 Javascript
jQuery zTree树插件简单使用教程
2017/01/10 Javascript
jQuery模拟实现天猫购物车动画效果实例代码
2017/05/25 jQuery
基于vue.js的分页插件详解
2017/11/27 Javascript
node.js中路由,中间件,ge请求和post请求的参数详解
2017/12/26 Javascript
ES6之模版字符串的具体使用
2018/05/17 Javascript
js实现简单五子棋游戏
2020/05/28 Javascript
Vue父子组件传值的一些坑
2020/09/16 Javascript
[52:06]完美世界DOTA2联赛决赛日 Inki vs LBZS 第一场 11.08
2020/11/10 DOTA
python之模拟鼠标键盘动作具体实现
2013/12/30 Python
Python内置函数之filter map reduce介绍
2014/11/30 Python
python学习笔记之调用eval函数出现invalid syntax错误问题
2015/10/18 Python
Python 正则表达式的高级用法
2016/12/04 Python
Python向日志输出中添加上下文信息
2017/05/24 Python
python3使用print打印带颜色的字符串代码实例
2019/08/22 Python
Python3加密解密库Crypto的RSA加解密和签名/验签实现方法实例
2020/02/11 Python
查看keras的默认backend实现方式
2020/06/19 Python
CSS3实现任意图片lowpoly动画效果实例
2017/05/11 HTML / CSS
浅析HTML5中的 History 模式
2017/06/22 HTML / CSS
Jacadi Paris英国官网:法国童装品牌
2019/08/09 全球购物
英国打印机墨盒销售网站:Ink Factory
2019/10/07 全球购物
美国户外服装和装备购物网站:Outland USA
2020/03/22 全球购物
北京捷通华声语音技术有限公司Java软件工程师笔试题
2012/04/10 面试题
幼儿教师师德师风演讲稿
2014/08/22 职场文书
中班下学期个人总结
2015/02/12 职场文书
html+css实现赛博朋克风格按钮
2021/05/26 HTML / CSS
草系十大最强宝可梦,纸片人上榜,榜首大家最熟悉
2022/03/18 日漫