影像采集-拍照 (用自己的插件 )简单逻辑
生活随笔
收集整理的這篇文章主要介紹了
影像采集-拍照 (用自己的插件 )简单逻辑
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?
1. 加載插件 camera.js ? ?加載的插件是攝像頭插件 image.js??? 加載的是圖像插件 ??????????????? 2.把插件的el 加載到要插入的dom元素中, 一般用 embed 標簽可設置器寬高 3.在調用攝像頭插件? that.cameraPlugin.open()方法打開插件 4.調用圖像插件? that.cameraPlugin.capture() 截圖 并且會把當前截圖的路徑返回 5.調用圖像插件?? 顯示圖片 that.imgEditerPlugin.showImage(URL, 0, that.width, that.height);???????????? 6 使用(把圖片上傳服務器,再把圖片信息保存到表里 如task_img 及img_info),再把顯示圖片的地址改成服務器的地址顯示 ? a.二進制上傳圖片: 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.先根據客戶號、影像類別查找已經已經上傳的圖片幀、先獲取到以前的url并顯示圖片;b.點擊使用的時候,服務端拷貝一份相同的圖片,并且保存數據到表里,再返回對應當前幀的服務器圖片地址,替換對應幀記錄顯示。
轉載于:https://www.cnblogs.com/ouycx/p/9342022.html
總結
以上是生活随笔為你收集整理的影像采集-拍照 (用自己的插件 )简单逻辑的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 报表模板 — 在项目管理中应用数据报表分
- 下一篇: u3d无锯齿遮罩shader-可用于ug