美文网首页
移动端图片批量上传问题

移动端图片批量上传问题

作者: 夜色不再 | 来源:发表于2019-11-27 17:57 被阅读0次

一.操作系统

1.ios

ios的操作系统: 实现图片批量上传,可以直接使用input  type=file 加上multiple 就可以实现,至于有些图片显示有问题可以通过 new FileReader() 方法,将图片转换成base64直接显示

2.android

android 默认不支持图片的批量上传,当选择图片后会直接返回,使用上面的方法,只发现部分浏览器支持(QQ浏览器,小米自带的浏览器...)

在微信里面也不支持

二.在微信中打开的网页

ios 可以继续使用原生的方法,批量上传图片

android,这里我是使用了,微信的jssdk ,去实现的批量上传, sdk文档可以参考这里微信SDK开发文档

主要使用了 chooseImage,  getLocalImgData 方法;思路是 先通过chosseImage 选择图片,会返回本地图片loadId,就是只有微信识别的本地图片地址,

然后调用getLocalImgData获取图片的base64,最后将base64转成blob后,上传到服务器上

相关文章

  • 移动端图片批量上传问题

    一.操作系统 1.ios ios的操作系统: 实现图片批量上传,可以直接使用input type=file 加上m...

  • 图片压缩上传

    参考1-HTML5实现图片压缩上传功能参考2-移动前端—图片压缩上传实践参考3-移动端H5图片压缩上传 大体步骤 ...

  • iOS 照片上传服务器旋转90度解决办法

    最近在处理移动端选择图片实时预览并上传时遇到一个问题:上传前图片预览正常,但上传到服务器上的图片展示到页面上时,有...

  • 移动端图片压缩上传实现

    移动端图片压缩上传实现 移动端上传的图片一般都是手机照片,现在的手机都是高清像素,一张图片都在三四兆,直接上传不仅...

  • 移动端图片压缩上传

    [2017年文章] 前提更要:1、压缩图片的几种方式:php、js2、对移动端手机上传的图片进行压缩,lrz的原理...

  • 移动端上传图片

    html js FileReader是html5定义的用于读取文件的API,FileReader接口有4个方法,其...

  • vue移动端图片上传

    没有用插件就简单的图片上传 页面布局如下 css样式 接口请求用的是axios

  • 前端实现axios以表单方式上传文件,优化上传速度

    一、背景 最近在开发过程中,遇到的需要是需要上传高清图片,必须原图上传。由于在移动端应用,上传网络问题有很大的坑。...

  • 图片上传处理

    后台管理系统中一些需要上传图片 以及点击图片切换的操作 还有移动端的上传图片,保存方便后期调用 基于 //Ma...

  • KongQi Laravel admin2.0 layui ad

    KongQi Laravel admin 2.0 layui 集成了,图片上传,多图上传,批量Excel导入,批量...

网友评论

      本文标题:移动端图片批量上传问题

      本文链接:https://www.haomeiwen.com/subject/ubqmwctx.html