移动端上传后显示在img标签的src中,有遇到图片旋转这种情况,你不能要求用户如何拍照,解决办法:
1. 如果你的后端上传使用阿里OSS管理的图片,那么,工具会提供相应的api进行图片旋转到正确的方向
2. 前端或者后端进行图片参数处理,改变图片方向
如果上传后的图片,点击放大显示在浏览器中,这时浏览器会默认将图片显示成正确的方向
<script src="js/exif.js"></script>
var file = document.querySelector('input[type=file]').files[0]//IE10以下不支持
EXIF.getData(file, function() {
var Orientation = EXIF.getTag(this, 'Orientation')
if(Orientation &&Orientation != 1){//图片角度不正确
fileFun(Orientation,file)
}else{
//不需处理直接上传
}
})
//base64格式图片 转为Blob
function dataURLtoBlob(dataurl) {
var arr = dataurl.split(','), mime = arr[0].match(/:(.*?)/)[1],
bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n)
while(n--){
u8arr[n] = bstr.charCodeAt(n)
}
return new Blob([u8arr], {type:mime})
}
//图片处理函数
function fileFun(Orientation,file){
var reader = new FileReader()
var image = new Image()
reader.readAsDataURL(file)
reader.onload = function (ev) {
image.src = ev.target.result
image.onload = function () {
var imgWidth = this.width,
imgHeight = this.height//获取图片宽高
var canvas=document.getElementById("myCanvas")
var ctx = canvas.getContext('2d')
canvas.width = imgWidth
canvas.height = imgHeight
if(Orientation &&Orientation != 1){
switch(Orientation){
case 6: // 旋转90度
canvas.width = imgHeight
canvas.height = imgWidth
ctx.rotate(Math.PI / 2)
ctx.drawImage(this, 0, -imgHeight, imgWidth, imgHeight)
break
case 3:// 旋转180度
ctx.rotate(Math.PI)
ctx.drawImage(this, -imgWidth, -imgHeight, imgWidth, imgHeight)
break
case 8: // 旋转-90度
canvas.width = imgHeight
canvas.height = imgWidth
ctx.rotate(3 * Math.PI / 2)
ctx.drawImage(this, -imgWidth, 0, imgWidth, imgHeight)
break
}
}else{
ctx.drawImage(this, 0, 0, imgWidth, imgHeight)
}
var dataurl=canvas.toDataURL("image/jpeg", 0.8)//canvase 转为base64
var blob = dataURLtoBlob(dataurl)//base64转为blog
}
}
}
凡高云如何注销账号和密码在设置页面中选择【账号与安全】
然后点击【账号中心】当进入账号中心页面后,在下方找到点击【账号急救】
最后选择【账号注销】即可。 温馨提示:由于百度网盘使用的百度账号是通用的,所以注销后百度旗下各个产品的数据都会注销,同意后通过各种信息验证即可完成账号注销。
亲亲凡高云切后台有显示,会被后台检测出来。并且监考老师会立马收到考生切屏的警告,所以考生只要切屏,监考老师就能立马知道,切在后台会有记录,当达到一定的切屏次数,会被强制交卷。教师可设置在手机考试过程中,对手机的异常操作行为(切换、退出应用,手机分屏等)进行监控,并设置异常行为次数的上限;异常行为达到上限后,系统将自动交卷。欢迎分享,转载请注明来源:夏雨云
评论列表(0条)