微信小程序调用kkfileview

可行调用。

KKFileView是一个文件文档在线预览解决方案，该项目它使用了springboot流行的springboot搭建，支持Windows，Linux平台一键部署，两行js代码就可以接入预览，这个项目容易上手和部署，基本支持支持文本、图片、Office文档、WPS文档、PDF、视频、音频、压缩包等常见文件类型预览，支持常见文件格式，兼容新版Office文档，独立于业务系统外，提供restfulhttp接口，开发语言无关，微服务场景下直接提供在线预览服务，rest接口提供服务，跨平台特性都支持。

kkFlileView是一个java开源的文件预览项目。之前我要做一个关于各类office文档在线预览的功能，对我这种还是小白的家伙，要做一个预览难度确实很大，不过好在在网上发现了这款kkFileView的开源的springboot项目，帮助我解决这个大问题。kkFileVie支持doc、docx、ppt、pptx、xls、xlsx、zip、rar、mp4、mp3以及众多类文本如txt、html、xml、java、properties、sql、js、md、json、conf、ini、vue、php、py、bat、gitignore等文件在线预览，功能非常强大，不仅满足了我的要求，还提供功能的功能。

class BaiDuAiBaseController extends BaseController

{

private $appid

private $appKey

private $secretKey

public function __construct(){

$this->appid= config('api.baidu.appid')

$this->appKey = config('api.baidu.apikey')

$this->secretKey = config('api.baidu.secretkey')

}

//百度ai接口--文字识别--车牌号识别

public function getCarNumber($_imgurl,$_img=''){

$_token = $this->getToken()

$_url = 'https://aip.baidubce.com/rest/2.0/ocr/v1/license_plate?access_token='.$_token

if($_img){

$_data = [

'image'=>$_img//图像数据，base64编码后进行urlencode，要求base64编码和urlencode后大小不超过4M，最短边至少15px，最长边最大4096px,支持jpg/jpeg/png/bmp格式

]

}else{

$_data = [

'url'=>request()->domain().'/'.$_imgurl

]

}

$_res = json_decode(httpGet($_url,$_data),true)

//TODO 此处只返回false没有终止，是因为程序执行流程需要，后期可能要改

if(isset($_res['error_msg'])) return false

return $_res['words_result']['number']

}

//获取token

private function getToken(){

if(cache('baidu_token')){

$_access_token = cache('baidu_token')

}else{

$_url = 'https://aip.baidubce.com/oauth/2.0/token?grant_type=client_credentials&client_id='.$this->appKey.'&client_secret='.$this->secretKey

$res = json_decode(httpGet($_url),true)

if(isset($res['error']))TApiException($res['error_description'])//终止程序并抛出异常

$_access_token = $res['access_token']

$_expires_in = $res['expires_in']

cache('baidu_token',$_access_token,($_expires_in-1000))//我喜欢少存1000秒，没有为什么，问就是癖好

}

return $_access_token

}

}

这是ThinkPhp5.1后端封装的百度AI接口类，getToken()获取凭证，getCarNumber()请求$_url 返回识别结果，这个是车牌号码识别，车型识别等其他接口大部分都一样，就换个请求地址$_url就行

//接口：

public function getImgCarNum(){

$_number = (new BaiDuAiBaseController())->getCarNumber(false,request()->param('img'))

return self::myShow('申请成功',['carNum'=>$_number])

}

小程序端正常request请求上面的接口就行，下面是微信小程序拍照识别功能

//拍照

goImgSearch(){

uni.chooseImage({

count:1,

sizeType: ['compressed'],//original 原图，compressed 压缩图

sourceType: ['album','camera'],//camera 相机 album相册

success:(r)=>{

console.log(r)

//执行识别车牌号码

this.img = r.tempFilePaths[0]

this.urlTobase64(r.tempFilePaths[0])

}

})

},

//识别车牌号码

urlTobase64(url){

uni.showLoading({

title:'拼命识别车牌中..'

})

//#ifdef MP-WEIXIN

uni.getFileSystemManager().readFile({

filePath: url, //选择图片时返回的路径

encoding: "base64",//这个是很重要的

success: res =>{ //成功的回调

//返回base64格式

let base64　= 'data:image/jpegbase64,' + res.data

//发送请求，识别车牌号码

this.$H.post('/getImgCarNum',{

img:base64 //图片数据

},{

token:true //必须登录

}).then((res)=>{

console.log(res.carNum)

if(!res.carNum){

uni.hideLoading()

return uni.showModal({

title:'识别失败',

content:'没能识别到车牌号码，请拍张清晰的图片再试哦，谢谢',

showCancel:false

})

}

uni.showToast({

title:'识别车牌成功',

icon:'none'

})

this.searchUser = res.carNum

this.userCarNum = res.carNum

uni.hideLoading()

}).catch((e)=>{

uni.hideLoading()

return uni.showModal({

title:'识别失败',

content:'没能识别到车牌号码，请拍张清晰的图片再试哦，谢谢',

showCancel:false

})

})

},

fail:(e)=>{

console.log(e)

}

})

//#endif

},

---