亚洲精品久久久中文字幕-亚洲精品久久片久久-亚洲精品久久青草-亚洲精品久久婷婷爱久久婷婷-亚洲精品久久午夜香蕉

您的位置:首頁技術文章
文章詳情頁

vue使用exif獲取圖片經緯度的示例代碼

瀏覽:73日期:2022-10-20 09:05:16

我上一篇文章寫了怎么壓縮圖片和旋轉。這篇寫一下怎么看圖片的經緯度

注意!??!

只有原圖有大量的元數據信息。通過拍照軟件如:b612等,拍攝的照片是軟件處理過的,所以一定要使用原圖來擦查詢

下面貼以下代碼。

<template> <div> <input type='file' accept='image' @change='upload' /> <span>{{textData}}</span> </div></template><script>export default { data() { return { picValue: {}, headerImage: ’’, textData:’’ }; }, components: {}, methods: { upload(e) { console.log(e); let files = e.target.files || e.dataTransfer.files; if (!files.length) return; this.picValue = files[0]; this.imgPreview(this.picValue); }, imgPreview(file) { let self = this; let Orientation; //去獲取拍照時的信息,解決拍出來的照片旋轉問題 self.EXIF.getData(file, function() { Orientation = self.EXIF.getTag(this, ’Orientation’); }); // 看支持不支持FileReader if (!file || !window.FileReader) return; if (/^image/.test(file.type)) { // 創建一個reader let reader = new FileReader(); // 將圖片2將轉成 base64 格式 reader.readAsDataURL(file); // 讀取成功后的回調 reader.onloadend = function() { let result = this.result; let img = new Image(); img.src = result; self.postImg(file); }; } }, postImg(val) { //這里寫接口 let self = this; // document.getElementById(’upload’) // this.EXIF.getData(val, function(r) { let r = this.EXIF.getAllTags(val); const allMetaData = r; let direction; if (allMetaData.GPSImgDirection) { const directionArry = allMetaData.GPSImgDirection; // 方位角 direction = directionArry.numerator / directionArry.denominator; } let Longitude; if (allMetaData.GPSLongitude) { const LongitudeArry = allMetaData.GPSLongitude; const longLongitude = LongitudeArry[0].numerator / LongitudeArry[0].denominator + LongitudeArry[1].numerator / LongitudeArry[1].denominator / 60 + LongitudeArry[2].numerator / LongitudeArry[2].denominator / 3600; Longitude = longLongitude.toFixed(8); } let Latitude; if (allMetaData.GPSLatitude) { const LatitudeArry = allMetaData.GPSLatitude; const longLatitude = LatitudeArry[0].numerator / LatitudeArry[0].denominator + LatitudeArry[1].numerator / LatitudeArry[1].denominator / 60 + LatitudeArry[2].numerator / LatitudeArry[2].denominator / 3600; Latitude = longLatitude.toFixed(8); } self.textData = ’我是Longitude’ + Longitude + ’ ====== ’+'我是Latitude' + Latitude console.log(’我進來了’, direction, Longitude, Latitude); console.log(’allMetaData’, allMetaData); //接口 axios // }); } }};</script>

這個功能是下載的exif.js文件,也可以通過npm安裝依賴。不過都要掛在到原型鏈上。

以上就是vue使用exif獲取圖片經緯度的示例代碼的詳細內容,更多關于vue 獲取圖片經緯度的資料請關注好吧啦網其它相關文章!

標簽: Vue
相關文章:
主站蜘蛛池模板: 伊人久久婷婷 | 日本一级做人免费视频 | 久久久国产99久久国产久 | 伊人亚洲影院 | 在线播放一区二区三区 | 亚洲色图另类图片 | 日韩视频网址 | 久久久亚洲精品国产 | japanxxxx日本中文字幕 | 国产一区二卡三区四区 | 国产欧美日韩一区二区三区视频 | 天天爽夜夜爽人人爽 | 国产精品宾馆在线精品酒店 | 久久99欧美| 国产手机在线小视频免费观看 | 婷婷综合网站 | 伊人久久久久久久久香港 | 日韩精品欧美在线 | 欧洲欧美成人免费大片 | 国产精品毛片一区二区三区 | 乱色美www女麻豆 | 麻豆国产高清在线播放 | 国内精品自在自线视频香蕉 | 好爽~好硬~好紧~蜜芽 | 午夜一区二区在线观看 | 国产自愉怕一区二区三区 | 国产精品99久久久久久夜夜嗨 | 国产伦精品一区二区三区免费 | 成人免费观看国产高清 | 偷拍小视频99在线 | 香港经典a毛片免费观看看 香港黄页亚洲一级 | 黄色网址视频在线播放 | 91国内视频在线观看 | 亚洲欧美自拍视频 | 亚洲国产精品成人精品软件 | 国产黑人在线 | 精品亚洲永久免费精品 | 亚洲阿v天堂2021在线观看 | 久久婷五月综合 | 国模人体肉肉拍拍 | 国产成人综合久久综合 |