影像采集-拍照 （用自己的插件 ）简单逻辑
生活随笔
收集整理的這篇文章主要介紹了
影像采集-拍照 （用自己的插件 ）简单逻辑
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
?
1. 加載插件 camera.js ? ?加載的插件是攝像頭插件 image.js??? 加載的是圖像插件 ??????????????? 2.把插件的el 加載到要插入的dom元素中， 一般用 embed 標(biāo)簽可設(shè)置器寬高 3.在調(diào)用攝像頭插件? that.cameraPlugin.open()方法打開(kāi)插件 4.調(diào)用圖像插件? that.cameraPlugin.capture() 截圖 并且會(huì)把當(dāng)前截圖的路徑返回 5.調(diào)用圖像插件?? 顯示圖片 that.imgEditerPlugin.showImage(URL, 0, that.width, that.height);???????????? 6 使用（把圖片上傳服務(wù)器，再把圖片信息保存到表里 如task_img 及img_info），再把顯示圖片的地址改成服務(wù)器的地址顯示 ? a.二進(jìn)制上傳圖片： var dataURItoBlob = function (dataURI) {var byteString = atob(dataURI.split(',')[1]);var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];var ab = new ArrayBuffer(byteString.length);var ia = new Uint8Array(ab);for (var i = 0; i < byteString.length; i++) {ia[i] = byteString.charCodeAt(i);}return new Blob([ab], {type: mimeString});},fd = new FormData(),fname = (new Date().getTime()) + parseInt(Math.random() * 1000, 10) + ".jpg",blob = dataURItoBlob("data:image/jpg;base64," + that.imgEditerPlugin.encodeBase64());fd.append("file", blob, fname); ajax.ajax({contentType: false,cache: false,url: uploadUrl,type: "POST",processData: false,data: fd }).then(function (result) {}); 7.圖片共享： a.先根據(jù)客戶號(hào)、影像類別查找已經(jīng)已經(jīng)上傳的圖片幀、先獲取到以前的url并顯示圖片；b.點(diǎn)擊使用的時(shí)候，服務(wù)端拷貝一份相同的圖片，并且保存數(shù)據(jù)到表里，再返回對(duì)應(yīng)當(dāng)前幀的服務(wù)器圖片地址，替換對(duì)應(yīng)幀記錄顯示。
轉(zhuǎn)載于:https://www.cnblogs.com/ouycx/p/9342022.html
總結(jié)
以上是生活随笔為你收集整理的影像采集-拍照 （用自己的插件 ）简单逻辑的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 报表模板 — 在项目管理中应用数据报表分
- 下一篇： u3d无锯齿遮罩shader-可用于ug