首页 > 其他分享 >WebUploader 文件上传,兼容ios和安卓

WebUploader 文件上传,兼容ios和安卓

时间:2023-02-14 17:11:48浏览次数:45  
标签:function upImg 安卓 ios WebUploader file fileUrl 上传

var upImg = WebUploader.create({
auto: true,
swf: 'webuploader-0.1.5/Uploader.swf',
// 图片接收服务端。
server: contextPath + 'simpleUpload',
// 选择图片的按钮。可选。
// 内部根据当前运行是创建,可能是input元素,也可能是flash.
pick: "#" + _id,
accept: {
title: 'Images',
extensions: 'gif,jpg,jpeg,bmp,png',
mimeTypes: 'image/*'
}
});

upImg.on('beforeFileQueued', function (file) {
EXIF.getData(file.source.source, function () {
file.Orientation = EXIF.getTag(this, 'Orientation');
});
});

// 当有图片添加进来的时候
upImg.on('fileQueued', function (file) {
console.log("上传")
// $.showLoading("上传中...");
});

//文件上传成功,给item添加成功class, 用样式标记上传成功。
upImg.on('uploadSuccess', function (file, response) {

let fileUrl = response.data;
// 判断图片朝向(解决IOS竖图变横图的问题)
let ratate = '';
if (file.Orientation === 6) {
ratate = '?imageMogr2/auto-orient|imageMogr2/rotate/270/strip';
}
fileUrl += ratate;
console.log(fileUrl);

});
setTimeout(function () {
$("#" + _id).find('input').click();
},200);

标签:function,upImg,安卓,ios,WebUploader,file,fileUrl,上传
From: https://www.cnblogs.com/hyiam/p/17120206.html

相关文章

  • axios请求的get/post
    axios用到的比fetch要多,更加方便,提供了很多使用的API,引用的三种方式:npmnpminstallaxiosbowerbowerinstallaxioscdn<scriptsrc="https://unpkg.com/axios/dist/axios.m......
  • axios上传文件带进度条
    axios上传文件带进度条原生写法<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initi......
  • C# Http 服务器get pos 请求 获取头信息 iOS 客户端联调
    usingSystem;usingSystem.Collections.Generic;usingSystem.IO;usingSystem.Net;usingSystem.Text;usingUnityEngine;publicclassTestServerHttp:MonoBeh......
  • h5在安卓5中出现无内容或白屏的问题---includes()在低版本不兼容导致的
    //判断数组中是否有某个值,兼容性写法functionitemIncludes(arr,item){//如果浏览器支持数组的includes方法if(arr.includes){returnarr.includes(item)......
  • IM通讯协议专题学习(九):手把手教你如何在iOS上从零使用Protobuf
    本文作者:丁同舟,来自金蝶随手记技术团队。1、引言接上篇《金蝶随手记团队的Protobuf应用实践(原理篇)》,本文将以iOS端的Objective-C代码为例,图文并茂地向您菔救绾卧趇OS......
  • 安卓获取应用签名
    通过apk文件直接查看keytool-printcert-jarfileyyb.apk通过RSA文件查看将apk后缀名改为zip,解压进入META-INF文件夹,找到后缀名为RSA的文件通过命令keytool-prin......
  • 7.7 BIOS和引导
    程序的运行环境中,存在着名为BIOS(BasicInput/OutputSystem)的系统。BIOS存储在ROM中,是预先内置在计算机主机内部的程序。BIOS除了键盘、磁盘、显卡等基本控制程序外,还有启......
  • 抓取安卓闪退日志教程
    在开发手机APP时,如果遇到应用闪退、卡顿无反应情况,往往需要抓取日志,帮助定位问题。本文简要介绍使用adb抓取日志的方法。分以下三步进行介绍:1.安装java运行环境jdk,并......
  • 抓取安卓闪退日志教程
    在开发手机APP时,如果遇到应用闪退、卡顿无反应情况,往往需要抓取日志,帮助定位问题。本文简要介绍使用adb抓取日志的方法。分以下三步进行介绍:1.安装java运行环境jdk,并配......
  • python+uiautomator2安卓,混合app 操作h5页面
    参考文章:https://testerhome.com/topics/15998uiautomator2app原生+webview的实际操作记录(安卓)1.首先 chrome://inspect/#devices通过连接查看自己的版本号......