关于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 相关文章推荐
jQuery Select(单选) 模拟插件 V1.3.62 改进版
Jul 17 Javascript
Jquery实现三层遍历删除功能代码
Apr 23 Javascript
jquery 图片缩放拖动的简单实例
Jan 08 Javascript
javascript中Date format(js日期格式化)方法小结
Dec 17 Javascript
探讨:JavaScript ECAMScript5 新特性之get/set访问器
May 05 Javascript
jQuery插件扩展extend的简单实现原理
Jun 24 Javascript
jQuery 全选 全不选 事件绑定的实现代码
Jan 23 Javascript
浅谈在Vue-cli里基于axios封装复用请求
Nov 06 Javascript
vue better scroll 无法滚动的解决方法
Jun 07 Javascript
Vue中的组件及路由使用实例代码详解
May 22 Javascript
解决Vue 刷新页面导航显示高亮位置不对问题
Dec 25 Javascript
javascript设计模式之迭代器模式
Jan 30 Javascript
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从数组中随机抽取一些元素的代码
2012/11/05 PHP
php微信公众开发之获取周边酒店信息的方法
2014/12/22 PHP
PHP结合Vue实现滚动底部加载效果
2017/12/17 PHP
详解将数据从Laravel传送到vue的四种方式
2019/10/16 PHP
PHP程序员简单的开展服务治理架构操作详解(一)
2020/05/14 PHP
javascript Xml增删改查(IE下)操作实现代码
2009/01/30 Javascript
document.compatMode介绍
2009/05/21 Javascript
广告切换效果(缓动切换)
2009/05/27 Javascript
Mootools 1.2教程 滚动条(Slider)
2009/09/15 Javascript
js将long日期格式转换为标准日期格式实现思路
2013/04/07 Javascript
JS正则表达式大全(整理详细且实用)
2013/11/14 Javascript
Ajax请求在数据量大的时候出现超时的解决方法
2014/02/27 Javascript
JavaScript基础教程之alert弹出提示框实例
2014/10/16 Javascript
如何编写高质量JS代码
2014/12/28 Javascript
深入理解JavaScript中的并行处理
2016/09/22 Javascript
vue mint-ui学习笔记之picker的使用
2017/10/11 Javascript
Node 自动化部署的方法
2017/10/17 Javascript
React中常见的动画实现的几种方式
2018/01/10 Javascript
Vue实现商品飞入购物车效果(电商项目)
2019/11/26 Javascript
javascript设计模式 ? 访问者模式原理与用法实例分析
2020/04/26 Javascript
JS实现图片幻灯片效果代码实例
2020/05/21 Javascript
Python实现单词拼写检查
2015/04/25 Python
python web框架学习笔记
2016/05/03 Python
利用Python中SocketServer 实现客户端与服务器间非阻塞通信
2016/12/15 Python
Python 通配符删除文件的实例
2018/04/24 Python
对python中的try、except、finally 执行顺序详解
2019/02/18 Python
python爬虫 urllib模块url编码处理详解
2019/08/20 Python
jupyter修改文件名方式(TensorFlow)
2020/04/21 Python
完美解决TensorFlow和Keras大数据量内存溢出的问题
2020/07/03 Python
毕业生优秀推荐信
2013/11/26 职场文书
网络程序员自荐信
2014/01/25 职场文书
信访工作经验交流材料
2014/05/23 职场文书
新农村建设典型材料
2014/05/31 职场文书
会展策划与管理专业求职信
2014/06/09 职场文书
奥巴马经典演讲稿
2014/09/13 职场文书
2015迎新晚会开场白
2015/07/17 职场文书