今天在手机上调试页面的时候发现的问题,电脑上上传图片没问题,到了手机浏览器,就上传不了了。

具体的问题是这样的,点击上传按钮,可以跳出选择拍照和图库的选项,拍照或者选择图片以后,没有调起上传的方法,下面几个方法也没有调用。

uploader.on( 'fileQueued', function( file ) {

});

uploader.on( 'uploadProgress', function( file, percentage ) {

});

uploader.on( 'uploadSuccess', function( file, response ) {

});

uploader.on( 'uploadError', function( file ) {

});

uploader.on( 'uploadComplete', function( file ) {

});

经过排查,发现是配置uploader的accept参数出了问题。官方文档上对这个参数的示例是这样的:

accept: {

title: 'Files',

extensions: 'gif,jpg,jpeg,bmp,png',

mimeTypes: 'image/*'

},

我们项目为了可以上传其他格式的文件,开始的时候配置是这样的:

accept: {

title: 'Files',

extensions: 'doc,xls,docx,xlsx,pdf,jpg,png,rar,zip',

mimeTypes: '.doc,.xls,.docx,.xlsx,.pdf,.rar,.zip,image/*'

},

这个配置,在电脑是测试上传图片是没问题的,但是到了手机浏览器上,就失效了。于是我改成了下面的配置:

accept: {

title: 'Files',

extensions: 'doc,xls,docx,xlsx,pdf,rar,zip,gif,jpg,jpeg,bmp,png',

mimeTypes: '.doc,.xls,.docx,.xlsx,.pdf,.rar,.zip,image/*'

},

然后手机就可以上传图片了。

还有一个问题没解决,就是上传图片的时候,可以选择多张的问题,官方文档如下

pick {Selector, Object} [可选] [默认值:undefined] 指定选择文件的按钮容器,不指定则不创建按钮。

id {Seletor|dom} 指定选择文件的按钮容器,不指定则不创建按钮。注意 这里虽然写的是 id, 但是不是只支持 id, 还支持 class, 或者 dom 节点。

label {String} 请采用 innerHTML 代替

innerHTML {String} 指定按钮文字。不指定时优先从指定的容器中看是否自带文字。

multiple {Boolean} 是否开起同时选择多个文件能力。

我的代码如下:

pick: {

id: '#addfilebtn',

multiple:false

},

multiple设置了false,但是还是可以选择多张图片,有人可以告诉我为什么吗,求助。。。

android手机上传不了图片,关于Web Uploader手机上传不了图片的问题相关推荐

  1. 使用Apache文件上传组件实现web页面文件上传

    用servlet的upload功能实现文件上传很繁琐,代码量很大.可以用fileupload library组件实现文件上传,具体操作步骤如下: 1. 下载相关组件(commons-fileuploa ...

  2. Web Uploader文件上传插件

    http://www.jq22.com/yanshi2665 转载于:https://blog.51cto.com/11329689/1772536

  3. java 读取项目内图片,java web项目中读取本地图片

    在项目中,因为业务需要,用户上传的图片存放在服务器的D盘中,为了读取并显示到页面上,尝试了两种方法: 一  通过流读取 java代码: @RequestMapping(value = "/s ...

  4. java手机验证码登录代码_java web实现手机短信验证码登录实例

    运行环境 jdk7+tomcat7 项目技术(必填) Servlet+Ajax+Bootstrap 数据库文件 我这里没用到数据库,比较简单,如果需要用到数据库不会的话可以私信我或者加我QQ jar包 ...

  5. Web Uploader学习及使用

    前言 Web Uploader百度插件的使用:Web Uploader是一个高效的文件上传组件 一.具体使用 1.引入库 使用Web Uploader文件上传需要引入三种资源:JS, CSS, SWF ...

  6. ssm 上传图片到mysql_ssm(Spring+Spring MVC+MyBatis)+Web Uploader开发图片文件上传实例,支持批量上传,拖拽上传,复制粘贴上传...

    项目描述 ssm开发一个上传图片的项目 用百度的插件 Web Uploader 上传,不会的去它的官网找API文档 官网的API文档还是比较 坑的.... 百度插件  Web Uploader 上传文 ...

  7. android 获取图片上某一个文字位置_android 获取手机中的所有图片或某一目录下的图片方法...

    获取手机中的所有图片,并过滤获取某一目录下的图片.(注释掉的代码可以按照目录分组) private void getAllPhotoInfo() { new Thread(new Runnable() ...

  8. my97显示服务器时间,封装Web Uploader 上传插件、My97DatePicker、百度 编辑器 的使用 (ASP.NET MVC)...

    Web Uploader: WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件.在现代的浏览器里面能充分发挥HTML5的优 ...

  9. win10怎么连接android手机,如何将手机与Win10电脑关联以在电脑上继续任务?

    如何将手机与Win10电脑关联以在电脑上继续任务?最近有Win10用户询问,Windows10设置中的"手机"选项是干什么用的?正如选项所示,它是用来关联手机用的.就目前来说,大家 ...

最新文章

  1. Windows客户端C/C++编程规范“建议”——前言
  2. bootstrap基础学习四篇
  3. Microsoft Azure_Fabric
  4. 信息系统项目管理师:第8章:项目质量管理(1)-章节重点
  5. SAP S/4HANA product search implementation debug in backend
  6. 如何修改动态库符号表
  7. 机器学习 | EM 算法原理
  8. leetcode - 343. 整数拆分
  9. (转)SpringMVC学习(八)——SpringMVC中的异常处理器
  10. git教程(二)--安装和配置git
  11. Android -- AudioPlayer
  12. Git之同一台电脑如何连接多个远程仓库
  13. 重构:改善既有代码的设计 精彩书评一
  14. 计算机控制课设串级回路,计算机控制系统课程设计
  15. 专业卸载工具Your Uninstaller! Pro
  16. 【从零开始游戏开发】EmmyLua插件注解功能
  17. 两台计算机互相共享一个网络,两台电脑共用一个路由器上网,但两台电脑不能互相访问共享,怎样设置啊?两台电脑系统都XP的...
  18. stm32 /*定时器ETR外部时钟初始化配置
  19. 移动端手指滑动的距离
  20. 采用最新闪存驱动技术 戴尔再次大幅降低企业级闪存存储成本

热门文章

  1. idea创建maven报错 Error adding module to project: null
  2. you tried to update a table without a WHERE that uses a KEY column
  3. flask程序部署到heroku平台的过程
  4. 手机html图片自动滚动,html5手机触屏滑动图片下一张查看特效
  5. ZED深度相机的使用--zed-ros-wrapper
  6. 京东JData算法大赛-高潜用户购买意向预测(github源码)
  7. remote: Repository not found. fatal: repository 'https://github.com/AlbertYang666/AlbertYang666.gith
  8. 计算机编程cc语言,想学编程没有电脑?手机也能编程 !
  9. python 爬虫 小电影 不会告诉网址_想看电影不知道看啥,python爬虫告诉你!
  10. Android 关于Snackbar bottomMargin的bug