- Ios拍照上傳給服務(wù)端圖片進(jìn)行了旋轉(zhuǎn)
- 解決辦法:前端上傳后轉(zhuǎn)成Base64后發(fā)現(xiàn)圖是沒有被旋轉(zhuǎn)的蛤高,只有傳給服務(wù)端就旋轉(zhuǎn)了名党,費了好久的時間在本地使用Exif喷舀、Canvas進(jìn)行旋轉(zhuǎn)發(fā)現(xiàn)沒有用牵现,因為在本地是正常的橱野,進(jìn)行旋轉(zhuǎn)之后反而是歪的了修陡,所以交了給服務(wù)端來沧侥,結(jié)果服務(wù)端說從文件流中拿不到參數(shù),所以給服務(wù)端傳了個圖片角度魄鸦。服務(wù)端進(jìn)行了旋轉(zhuǎn)宴杀,正常了。
圖片角度獲取代碼
// 通過EXIF來獲取角度拾因,傳給服務(wù)端及可
getOrientation (file) {
console.log('file', 'file', file)
return new Promise((resolve) => {
EXIF.getData(file, function () {
const orient = EXIF.getTag(file, 'Orientation')
resolve(orient)
})
})
}
安卓上傳圖片設(shè)置了multiple旺罢,依舊不可多選(沒有解決,待更新)
ios 滑動不流暢問題及回到頂部效果生硬
在html,body上添加绢记,我之前使用的*扁达,依舊不流暢
html,
body
width: 100%
height: 100%
scroll-behavior: smooth
overflow-x: hidden
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
-webkit-touch-callout: none
-webkit-overflow-scrolling: touch
// 滑動平滑不生硬參考文章: https://www.zhangxinxu.com/wordpress/2018/10/scroll-behavior-scrollintoview-%E5%B9%B3%E6%BB%91%E6%BB%9A%E5%8A%A8/
- 在輸入框較大時,滑動會觸發(fā)焦點從而拉起鍵盤蠢熄。Ios及安卓都存在
mounted () {
window.addEventListener('touchmove', this.myTouchMove)
},
myTouchMove () {
if (document.hasFocus) {
document.activeElement.blur()
}
},