基于bs結(jié)構(gòu)的圖片自動(dòng)向ii移除的研究

基于bs結(jié)構(gòu)的圖片自動(dòng)向ii移除的研究

iphone4s有一個(gè)非常實(shí)用的新功能。也就是說(shuō)，攝影完成后，它會(huì)自動(dòng)傳播到nit。其他移動(dòng)設(shè)備，例如iada，可以在首次上傳的圖像中共享。這個(gè)功能實(shí)際上可以分解為幾個(gè)關(guān)鍵技術(shù),分別是拍攝、本地存儲(chǔ)、自動(dòng)上傳到互聯(lián)網(wǎng)。隨著云計(jì)算的流行,圖片的以云存儲(chǔ)的方式分享將逐漸成為趨勢(shì),不僅僅是個(gè)人應(yīng)用,就是企業(yè)商業(yè)領(lǐng)域,也需要類(lèi)似功能,不過(guò)商業(yè)領(lǐng)域用的不是攝像頭,而是掃描儀。近幾年,實(shí)名制消費(fèi)已經(jīng)在許多行業(yè)大行其道,一方面,因?yàn)檎幸?比如:網(wǎng)吧要求必須18歲以上公民持有身份證進(jìn)吧消費(fèi),公安局要求入住酒店旅客必須進(jìn)行實(shí)名登記等;另一方面,商家為了鎖定長(zhǎng)期顧客而實(shí)行的會(huì)員制消費(fèi),比如:餐飲、酒店、美容美發(fā)、超市等行業(yè),都爭(zhēng)相實(shí)行會(huì)員制消費(fèi),會(huì)員自然都是記名的,會(huì)員多了,必須要有會(huì)員管理軟件,抑或行業(yè)管理軟件中自帶會(huì)員管理功能來(lái)進(jìn)行管理。在Web2.0時(shí)代,在云計(jì)算時(shí)代,B/S結(jié)構(gòu)會(huì)員、客房、餐飲軟件將會(huì)獲得更多的市場(chǎng)機(jī)會(huì),但是第一個(gè)要解決的技術(shù)難題便是如標(biāo)題“B/S結(jié)構(gòu)如何實(shí)現(xiàn)身份證掃描和自動(dòng)上傳照片”。1b/s模式功能復(fù)雜周服公司是一家專(zhuān)業(yè)開(kāi)發(fā)B/S結(jié)構(gòu)會(huì)員管理軟件,客戶(hù)關(guān)系管理軟件,酒店客房管理軟件,餐飲娛樂(lè)管理軟件的公司,最近需要通過(guò)身份證掃描錄入的方式加快數(shù)據(jù)的錄入的客戶(hù)越來(lái)越多?？蛻?hù)的需求很明確,首先必須實(shí)現(xiàn)身份掃描儀或者閱讀器的接口,然后讀取用戶(hù)基礎(chǔ)信息,例如:姓名、性別、年齡、住址、生日,除此以外,還要掃描并截取照片信息,并上傳到服務(wù)器上去保存。如果是C/S結(jié)構(gòu),這個(gè)需求則比較好實(shí)現(xiàn),但是B/S結(jié)構(gòu)就要復(fù)雜一些,特別是照片的自動(dòng)上傳。每次客戶(hù)端掃描完成,用戶(hù)的照片信息是保存在本地的,瀏覽器必須知道照片保存在哪里,然后才能上傳到服務(wù)器上去,因?yàn)榘踩栽?現(xiàn)在客戶(hù)端上傳圖片必須要人工選擇一下,然后點(diǎn)擊“上傳”按鈕才行。但是如果用在B/S結(jié)構(gòu)酒店餐飲會(huì)員管理軟件中,就行不通,為什么?致命的問(wèn)題有兩點(diǎn):第一,會(huì)降低錄入速度;第二,增加操作難度。試想一下,操作員點(diǎn)了一下“身份證掃描”按鈕,掃描儀將身份證掃描識(shí)別后的信息保存在本地指定文件夾中,然后操作員點(diǎn)擊“選擇照片”按鈕,在彈出對(duì)話(huà)框中去選擇照片,然后眼花繚亂的在一堆照片中甄別哪個(gè)是剛剛掃描的客戶(hù)…….不說(shuō)這個(gè)流程的步驟有多繁瑣,關(guān)鍵是當(dāng)照片過(guò)多,都存放在一個(gè)文件夾下,選擇照片本身就是一件極其困難的工作,因?yàn)閺?fù)雜,便大大增加了出錯(cuò)幾率。所以如果不能自動(dòng)上傳圖片,僅僅簡(jiǎn)單實(shí)現(xiàn)身份證掃描接口,對(duì)于B/S結(jié)構(gòu)的酒店餐飲會(huì)員管理軟件來(lái)說(shuō)幾乎成了雞肋,“棄之可惜,用之無(wú)味”。完美的方案是,點(diǎn)一下“身份證掃描”按鈕,剩下的全部教給電腦完成,包括如下功能:掃描身份證并識(shí)別-->在本地保存身份信息-->獲取圖片并上傳到服務(wù)器-->將身份信息和照片在服務(wù)器上的路徑保存到數(shù)據(jù)庫(kù)-->返回識(shí)別成功提示。2b/s模式正確編寫(xiě)平臺(tái)接口完美的解決方案目的是客戶(hù)使用方便,技術(shù)人員實(shí)現(xiàn)起來(lái)就稍微有些復(fù)雜,這里面要用到多種語(yǔ)言和技術(shù),不過(guò)基本解決思路還是比較清楚的。第一步,選擇識(shí)別硬件。要實(shí)現(xiàn)身份證掃描識(shí)別,自己去寫(xiě)一個(gè)智能識(shí)別程序不現(xiàn)實(shí),只能選擇與已有的硬件接口。目前有兩種方案:第一種,用身份證掃描儀,這種掃描儀有A6紙張大,可以?huà)呙枰淮C,二代證,駕照等。第二種,用第二代身份證閱讀器,這是一種類(lèi)似ID卡讀卡器的設(shè)備。因?yàn)槎C本身就是一張有存儲(chǔ)功能的ID卡,所以像讀卡一樣讀出身份證信息即可。第二步,編寫(xiě)客戶(hù)端程序。選擇好了硬件,便需要編寫(xiě)與硬件的接口程序,B/S結(jié)構(gòu)做硬件接口,首當(dāng)其沖就是編寫(xiě)ActiveX控件。當(dāng)然,僅僅是ActiveX控件解決不了所有問(wèn)題,還需要Web頁(yè)面程序配合。第三步,編寫(xiě)服務(wù)器端程序?？蛻?hù)端程序?qū)懲炅?就要寫(xiě)服務(wù)器端接收程序,將客戶(hù)端傳遞過(guò)來(lái)的身份證信息保存到數(shù)據(jù)庫(kù)中,將照片文件另存為到服務(wù)器指定的地方。這3個(gè)步驟,缺一不可,特別是后兩步,實(shí)現(xiàn)起來(lái)需要一定的技術(shù)功底。3促進(jìn)平臺(tái)開(kāi)發(fā)的促進(jìn)具體選擇哪個(gè)商家的身份證掃描儀,軟件開(kāi)發(fā)商可以自行決定,定好供應(yīng)商后,就可以跟他們聯(lián)系要開(kāi)發(fā)接口,雖然供應(yīng)商非常樂(lè)意效勞,但是因?yàn)槭忻嫔隙际荂/S結(jié)構(gòu)軟件居多,所以供應(yīng)商一般不提供現(xiàn)成的ActiveX控件,因此,B/S軟件廠(chǎng)商的程序員只能自己編寫(xiě)。如何編寫(xiě)ActiveX控件網(wǎng)上的例子已經(jīng)有很多,限于篇幅,這里不再贅述,需要特別提醒的關(guān)鍵的問(wèn)題只有一點(diǎn),技術(shù)人員一定要考慮一點(diǎn)市場(chǎng)行為。什么意思?就是在軟件實(shí)際銷(xiāo)售過(guò)程中,銷(xiāo)售人員往往很難指定硬件廠(chǎng)商,這意味著在開(kāi)發(fā)過(guò)程中,可能先跟一個(gè)廠(chǎng)商接口,以后銷(xiāo)售過(guò)程中則必須做好跟多種掃描儀或閱讀器進(jìn)行接口的準(zhǔn)備,有可能隨時(shí)需要修改程序,添加新的接口。所以程序設(shè)計(jì)人員一定要重視這一點(diǎn),同時(shí)在A(yíng)ctiveX控件編寫(xiě)過(guò)程中,一定要做得有擴(kuò)展性。相信只要跟硬件廠(chǎng)商溝通清楚,仔細(xì)閱讀開(kāi)發(fā)文檔,都可以成功編寫(xiě)這個(gè)ActiveX控件了,路是一步步自己走出來(lái)的,代碼是一點(diǎn)點(diǎn)自己寫(xiě)出來(lái)的,積極嘗試一下,沒(méi)有想象中那么困難。下面列出一個(gè)Delphi的ActiveX代碼,供讀者朋友參考:請(qǐng)注意代碼中的黑體部分,定義了一個(gè)read方法,這個(gè)方法是用JavaScript調(diào)用的,他會(huì)返回一個(gè)字符串,包含了姓名、性別、年齡、住址等信息,并用分隔符進(jìn)行分割。這樣,第一步就走完了,意味著控件做完了,接下來(lái)就要打包,公司一般要求包的名字必須用公司的域名做前綴,所以只能叫做chofo＿id.cab,配置文件叫做chofo＿id.nif。這里為什么要強(qiáng)調(diào)命名呢?因?yàn)橄乱恍」?jié)中,HTML和JS程序就要通過(guò)配置文件chofo＿id.nif的名字調(diào)用這個(gè)ActiveX控件。4掃描身份證的實(shí)現(xiàn)HTML代碼和JS程序調(diào)用ActiveX控件一般要經(jīng)過(guò)以下3個(gè)步驟:第一步,定義ActiveX組件。注意這斷代碼的粗體字chofo＿id.inf,跟上一小節(jié)的一樣。注意,這里的粗體自chofoID,要在第三步調(diào)用。第二步,建立表單,保存身份信息,同時(shí)定義個(gè)按鈕,來(lái)調(diào)用JavaScript方法,執(zhí)行掃描。第三步,需要寫(xiě)一個(gè)JavaScript方法,來(lái)調(diào)用ActiveX控件里面的方法來(lái)識(shí)別身份證,這個(gè)方法就是第二步中的粗體字read()?？疵靼琢藛?read方法的功能是:從ActiveX的read方法中獲得身份證信息的長(zhǎng)字符串,然后分割成獨(dú)立的姓名,性別、年齡、住址、生日信息,并給文本框賦值。這個(gè)3個(gè)步驟做完,一個(gè)迷你的身份證少掃描調(diào)用程序就完成了。做到這里,大家可以發(fā)現(xiàn),已經(jīng)實(shí)現(xiàn)了B/S結(jié)構(gòu)身份證掃描功能,點(diǎn)擊“掃描身份證”按鈕,就可以獲得身份證信息了,用Windows資源管理器也可以在文件夾中看到照片了,美中不足的是,因?yàn)闆](méi)有實(shí)現(xiàn)照片的自動(dòng)上傳,所以,客戶(hù)端還不能通過(guò)頁(yè)面看到照片。下面著手解決這個(gè)問(wèn)題。5文件上傳的轉(zhuǎn)換要實(shí)現(xiàn)圖片的自動(dòng)上傳,首先要明白圖片的上傳原理,簡(jiǎn)單地說(shuō),就是二進(jìn)制流的方式進(jìn)行上傳,限于篇幅詳細(xì)原理讀者還是去網(wǎng)上搜索一下。如果編寫(xiě)一個(gè)二進(jìn)制流的文件傳輸代碼,并不是難事,難的是,必須使用Form表單的方式進(jìn)行傳輸。Form表單有一個(gè)enctype屬性,默認(rèn)情況,enctype的值是application/x-www-form-urlencoded,此時(shí)不能用于文件上傳,只有將其值定義成multipart/form-data,才能上傳文件,可是當(dāng)上傳文件時(shí),因?yàn)槭嵌M(jìn)制流傳輸,又不能同時(shí)上傳文字。什么意思?用傳統(tǒng)的方法,不能同時(shí)將姓名、性別、年齡、住址、生日信息和照片信息同時(shí)傳輸。怎么辦?唯一的辦法就是:“轉(zhuǎn)換”!現(xiàn)在應(yīng)該來(lái)打開(kāi)潘多拉魔盒,看看如何實(shí)行吧,詳細(xì)思路如下:第一步,先在A(yíng)ctiveX控件中編寫(xiě)一段轉(zhuǎn)換代碼,將圖片文件的二進(jìn)制編碼字符串轉(zhuǎn)換為十六進(jìn)制編碼的字符串。第二步,將轉(zhuǎn)換后的十六進(jìn)制字符串,傳輸給JavaScript方法,JavaScript方法再給HTML的hidden變量賦值,保存到表單中。第三步,表單提交后,服務(wù)器端程序?qū)⑹盏降囊允M(jìn)制字符串變量轉(zhuǎn)換成二進(jìn)制字符串。第四步,以二進(jìn)制流的方式保存圖片文件。思路非常清楚,下面趕緊來(lái)看看代碼如何實(shí)現(xiàn)的吧。6六進(jìn)制后返回首先寫(xiě)一個(gè)Delphi的方法,將二進(jìn)制轉(zhuǎn)換成十六進(jìn)制。這個(gè)方法接收一個(gè)二進(jìn)制的字符串,將其轉(zhuǎn)換成十六進(jìn)制后返回。第二步,要更改一下前面第3小節(jié)的代碼,在后面加上photo字符串,注意代碼中黑體部分。這樣JavaScript就可以調(diào)用了。到此為之,ActiveX控件代碼全部完成了,這個(gè)控件既可以?huà)呙枭矸葑C,又可以將照片信息轉(zhuǎn)換成字符串返回,方便JS調(diào)用了。7客戶(hù)端聲明和js代碼另外,需要修改第4小節(jié)的代碼,加入column＿gt＿photo變量,注意代碼中的黑體部分。8使用其他語(yǔ)言進(jìn)行轉(zhuǎn)換客戶(hù)端代碼完成了,下面輪到服務(wù)器接收了,按照第5小節(jié)的思路,至少需要兩個(gè)方法。第一個(gè)方法:convertToByte方法,將十六進(jìn)制轉(zhuǎn)換成二進(jìn)制,代碼如下,需要注意的是這一段反向轉(zhuǎn)換代碼和delphi的大相徑庭啊,所以在用不同的語(yǔ)言合作解決一個(gè)事務(wù)時(shí),因?yàn)檎Z(yǔ)法函數(shù)等的不同,往往要使用不同的思路來(lái)編寫(xiě)代碼。第二個(gè)方法:saveAsByte方法,用二進(jìn)制流的方式保存圖片。9b/s模式下的接口和接口問(wèn)題文中給出的全部B/S結(jié)構(gòu)身份證掃描上傳的代碼是最核心的代碼,稍加修改也可以做成攝像頭拍攝,讀者此其基礎(chǔ)上加上CSS樣式、圖片顯示等功能,就可以做出一個(gè)非常實(shí)用的組件。上文同時(shí)也給出了一種新的解決問(wèn)題的思路,