瀏覽器端javascript調用手機終端本地功能實現02-功能點彙總

時間 2019-11-10

原文原文鏈接

　　上篇博文已經說明，本篇直接進入主題。本篇大體說明整體功能以及代碼用途，下篇將功能點逐一詳細說明。javascript

　　功能點包括：html

　　拍照相關接口（camera）

功能函數名稱java	做用android	備註ios
invokeCamera()web	調用攝像頭拍照api
requestAlbum()瀏覽器	調用相冊功能服務器
requestAlbumMulti()app	相冊多選
requestAlbumMultiUpload()	相冊多選完後上傳

　　2.　　錄音相關接口（media）

功能函數名稱	做用	備註
startRecord()	錄製音頻
stopRecord()	中止錄製
playRecord()	播放錄製完成的音頻
stopPlay()	中止播放錄製完成的音頻
upload()	上傳音頻文件

　　3.　　二維碼、條形碼掃碼(scan)

功能函數名稱	做用	備註
scan()	掃描條碼

　　4.　　其餘接口

功能函數名稱	做用	備註
saveLoginInfo ()	保存登錄信息	app須要web瀏覽器網頁數據時

　　PS：後續會根據須要增長其餘功能

　　調用攝像拍照，上傳語音文件等功能，最終要上傳到服務器。因此請先搭建好服務器，這裏我是本身搭建了PHP服務器。接收請求參數file，類型爲文件，服務器部分您能夠本身實現，不在本博文內容範圍內。後期爲便於你們測試之用，應該會將接口公佈在外網。

　　將分3部分說明，貼出部分代碼，後續文章一樣遵循此步驟。

　　1.JS文件部分

android部分採用系統addJavascriptInterface添加js接口的方式實現
ios部分採用攔截特定的請求實現
核心js函數（以後的js調用都用到此函數）

 1 /**
 2  *@description Web js communications with mobile terminal local function
 3  *@author yanrongxiang
 4  *@date 2014-7-17
 5  */
 6 function controllerCenter(type,cmd,params){
 7     if(navigator.userAgent.toLowerCase().indexOf('iphone')>0){
 8         document.location="http://QM_APP_WEBVIEW_ENGINE:"+cmd+":"+params;
 9     }else if(navigator.userAgent.indexOf('Android')>0){
10         eval('javascript:QM_APP_WEBVIEW_ENGINE_'+type+'.'+cmd+'("'+params+'")');
11     }else{
12         alert("Can't use this feature");
13     }
14 }

使用javascript調用攝像頭及相冊部分

 1 //Access to the camera function
 2 var $camera={
 3     "invokeCamera":function(params){
 4         controllerCenter('camera','invoke_camera',params);
 5     },
 6     "requestAlbum":function(params){
 7         controllerCenter('camera','request_albums',params);
 8     },
 9     "requestAlbumMulti":function(params){
10         controllerCenter('camera','request_albums_multi',params);
11     },
12     "requestAlbumMultiUpload":function(params){
13         controllerCenter('camera','request_albums_multi_upload',params);
14     }
15 }

使用javascript調用錄音，播放部分

 1 //Access to the media function
 2 var $media={
 3     "startRecord":function(params){
 4         controllerCenter('media','start_record',params);
 5     },
 6     "stopRecord":function(params){
 7         controllerCenter('media','stop_record',params);
 8     },
 9     "playRecord":function(params){
10         controllerCenter('media','play_record',params);
11     },
12     "stopPlay":function(params){
13         controllerCenter('media','stop_play',params);
14     },
15     "upload":function(params){
16         controllerCenter('media','upload_to_server',params);
17     }
18 }

使用javascript調用二維碼，條形碼掃描部分

1 var $scanbar={
2     "scan":function(params){
3         controllerCenter('scan','scan_bar',params);
4     }
5 }

　　2.android端實現

　　說明：如下爲android應用啓動展示的第一個activity，在此activity裏面放入Webview控件，請求服務器html頁面

  1 package com.qimeng.activity;
  2 
  3 import java.io.File;
  4 import java.io.FileNotFoundException;
  5 import java.io.FileOutputStream;
  6 import java.io.IOException;
  7 import java.util.ArrayList;
  8 import java.util.List;
  9 
 10 import android.annotation.SuppressLint;
 11 import android.app.AlertDialog;
 12 import android.app.Notification;
 13 import android.content.ContentResolver;
 14 import android.content.DialogInterface;
 15 import android.content.DialogInterface.OnKeyListener;
 16 import android.content.res.Resources;
 17 import android.content.Intent;
 18 import android.graphics.Bitmap;
 19 import android.graphics.BitmapFactory;
 20 import android.net.Uri;
 21 import android.os.Bundle;
 22 import android.os.Environment;
 23 import android.os.Handler;
 24 import android.util.Log;
 25 import android.view.KeyEvent;
 26 import android.view.View;
 27 import android.view.View.OnClickListener;
 28 import android.webkit.JsResult;
 29 import android.webkit.WebChromeClient;
 30 import android.webkit.WebSettings;
 31 import android.webkit.WebView;
 32 import android.widget.Button;
 33 import android.widget.EditText;
 34 import android.widget.TextView;
 35 import android.widget.Toast;
 36 
 37 import com.baidu.android.pushservice.BasicPushNotificationBuilder;
 38 import com.baidu.android.pushservice.CustomPushNotificationBuilder;
 39 import com.baidu.android.pushservice.PushConstants;
 40 import com.baidu.android.pushservice.PushManager;
 41 import com.qimeng.R;
 42 import com.qimeng.api.JSInterfaceAPI;
 43 import com.qimeng.common.BaseActivity;
 44 import com.qimeng.common.IBaseActivity;
 45 import com.qimeng.workman.common.imgsupload.util.Bimp;
 46 import com.qimeng.workman.common.imgsupload.util.FileUtils;
 47 
 48 /**
 49  * 
 50  */
 51 @SuppressLint("SetJavaScriptEnabled") public class IndexActivity extends BaseActivity implements IBaseActivity {
 52     private String[] paramJS;
 53     EditText tv_url;
 54     public WebView webView;
 55     private Handler myHandler;
 56     JSInterfaceAPI jsApi = new JSInterfaceAPI();
 57     private static final int REQUEST_CODE_UPLOAD = 300;
 58     public static final int REQUEST_CODE_MULTI_UPLOAD = 3001;
 59     public static final int REQUEST_CODE_MEDIA_UPLOAD = 3002;
 60     private JSInterfaceCamera jsInterfaceCamera;
 61     private JSInterfaceMedia jsInterfaceMedia;
 62     private JSInterfaceSetting jsInterfaceSetting;
 63     private JSInterfaceScanbar jsInterfaceScanbar;
 64     public int currentUploadNums=0;
 65     @Override
 66     protected void onCreate(Bundle savedInstanceState) {
 67         super.onCreate(savedInstanceState);
 68         setContentView(R.layout.activity_index);
 69         myHandler=new Handler();
 70         webView=(WebView)this.findViewById(R.id.webview);
 71         webView.getSettings().setJavaScriptEnabled(true);
 72         //webView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);
 73         //webView.getSettings().setAllowFileAccess(true);// 設置容許訪問文件數據
 74         //webView.getSettings().setSupportZoom(true);
 75         //webView.getSettings().setBuiltInZoomControls(true);
 76         //webView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);
 77         //webView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
 78         //webView.getSettings().setDomStorageEnabled(true);
 79         //webView.getSettings().setDatabaseEnabled(true);
 80         //webView.getSettings().setLoadsImagesAutomatically(true);
 81         tv_url=(EditText)findViewById(R.id.tv_url);
 82         Button btn=(Button)findViewById(R.id.btn_ok);
 83         tv_url.setText("http://10.1.2.123/webview/");
 84         btn.setOnClickListener(new OnClickListener() {
 85             @Override
 86             public void onClick(View arg0) {
 87                 webView.loadUrl(tv_url.getText().toString());
 88             }
 89         });
 90         
 91         webView.setWebChromeClient(new WebChromeClient(){
 92             @Override
 93             public boolean onJsAlert(WebView view, String url, String message,
 94                     JsResult result) {
 95                 AlertDialog.Builder builder = new AlertDialog.Builder(view.getContext());
 96                 builder.setTitle("提示").setMessage(message).setPositiveButton("肯定", null);
 97                 // 不須要綁定按鍵事件  
 98                 // 屏蔽keycode等於84之類的按鍵
 99                 builder.setOnKeyListener(new OnKeyListener() {
100                     public boolean onKey(DialogInterface dialog, int keyCode,KeyEvent event) {  
101                         Log.v("onJsAlert", "keyCode==" + keyCode + "event="+ event);  
102                         return true;  
103                     }
104                 });
105                 // 禁止響應按back鍵的事件  
106                 builder.setCancelable(false);  
107                 AlertDialog dialog = builder.create();  
108                 dialog.show();  
109                 result.confirm();// 由於沒有綁定事件，須要強行confirm,不然頁面會變黑顯示不了內容。  
110                 return true; 
111             }
112         });
113         jsInterfaceCamera=new JSInterfaceCamera(this, myHandler);
114         jsInterfaceMedia=new JSInterfaceMedia(this, myHandler);
115         jsInterfaceSetting=new JSInterfaceSetting(this, myHandler);
116         jsInterfaceScanbar=new JSInterfaceScanbar(this, myHandler);
117         //添加js與本地代碼通信接口
118         webView.addJavascriptInterface(jsInterfaceCamera, "QM_APP_WEBVIEW_ENGINE_camera");
119         webView.addJavascriptInterface(jsInterfaceMedia, "QM_APP_WEBVIEW_ENGINE_media");
120         webView.addJavascriptInterface(jsInterfaceSetting, "QM_APP_WEBVIEW_ENGINE_setting");
121         webView.addJavascriptInterface(jsInterfaceScanbar, "QM_APP_WEBVIEW_ENGINE_scan");
122         //集成百度推送
123         PushManager.startWork(this, PushConstants.LOGIN_TYPE_API_KEY, "SQgonTuwWx3cQc2wPxYimgCQ");
124         Resources resource = this.getResources();
125         String pkgName = this.getPackageName();
126         CustomPushNotificationBuilder cBuilder = new CustomPushNotificationBuilder(
127                 getApplicationContext(), resource.getIdentifier(
128                         "notification_custom_builder", "layout", pkgName),
129                 resource.getIdentifier("notification_icon", "id", pkgName),
130                 resource.getIdentifier("notification_title", "id", pkgName),
131                 resource.getIdentifier("notification_text", "id", pkgName));
132         cBuilder.setNotificationFlags(Notification.FLAG_AUTO_CANCEL);
133         cBuilder.setNotificationDefaults(Notification.DEFAULT_SOUND
134                 | Notification.DEFAULT_VIBRATE);
135         //cBuilder.setStatusbarIcon(this.getApplicationInfo().icon);
136         cBuilder.setLayoutDrawable(resource.getIdentifier("simple_notification_icon", "drawable", pkgName));
137         PushManager.setNotificationBuilder(this, 1, cBuilder);
138     }
139 
140     public void refresh(final Object... param) {
141         super.refresh(param);
142         int flag = ((Integer) param[0]).intValue();// 獲取第一個參數
143         switch (flag) {
144         case 10001:
145             break;
146         case REQUEST_CODE_UPLOAD:
147             webView.post(new Runnable() {
148                 @Override
149                 public void run() {
150                     webView.loadUrl("javascript:"+paramJS[1]+"(\""+(paramJS.length>=2?param[1].toString():"Can't get the callback, confirm your parameters correctly")+"\")");
151                 }
152             });
153             break;
154         case REQUEST_CODE_MULTI_UPLOAD:
155             currentUploadNums++;
156             webView.post(new Runnable() {
157                 @Override
158                 public void run() {
159                     webView.loadUrl("javascript:"+paramJS[1]+"(\""+(paramJS.length>=2?param[1].toString():"Can't get the callback, confirm your parameters correctly")+"\","+Bimp.drr.size()+","+currentUploadNums+")");
160                     if(currentUploadNums<Bimp.drr.size()){
161                         File f=new File(Bimp.drr.get(currentUploadNums).toString());
162                         jsApi.uploadPhoto((paramJS[0].indexOf("http:")==0?"":"http://")+paramJS[0], f, IndexActivity.this, IndexActivity.REQUEST_CODE_MULTI_UPLOAD);
163                     }
164                 }
165             });
166             break;
167         case REQUEST_CODE_MEDIA_UPLOAD:
168             webView.post(new Runnable() {
169                 @Override
170                 public void run() {
171                     jsInterfaceMedia.isRecorded=0;
172                     webView.loadUrl("javascript:"+paramJS[1]+"(\""+(paramJS.length>=2?param[1].toString():"Can't get the callback, confirm your parameters correctly")+"\")");
173                 }
174             });
175             break;
176         }
177     }
178 
179     public void initListener() {
180         super.initListener();
181     }
182 
183     public void initView() {
184         super.initView();
185     }
186     private Bitmap bmp;
187     protected void onActivityResult(int requestCode, int resultCode, final Intent data) {  
188         super.onActivityResult(requestCode, resultCode, data);
189             if(requestCode==jsInterfaceScanbar.SELECT_SCANER){
190                 if(resultCode == 1){
191                     Bundle bundle = data.getExtras();
192                     Log.e("##############JFKDJFDKJFKDFJ############", "{\"Result\":\""+bundle.getString("Result")+",\"Format\":\""+bundle.getString("Format")+"\"}");
193                     webView.loadUrl("javascript:"+paramJS[0]+"({\"Result\":\""+bundle.getString("Result")+"\",\"Format\":\""+bundle.getString("Format")+"\"})");
194                 }
195             }else{
196                 if(resultCode == RESULT_OK){
197                     upload_carmare_photo(data);
198                 }
199             }
200     }
201     protected void onRestart() {
202         super.onRestart();
203         if(Bimp.drr.size()>0){
204 //            若是爲相冊多選回到主界面時
205             StringBuffer sb=new StringBuffer();
206             //List<String> list = new ArrayList<String>();
207             sb.append("[");
208             for (int i = 0; i < Bimp.drr.size(); i++) {
209                 //String Str = Bimp.drr.get(i).substring( 
210                 //        Bimp.drr.get(i).lastIndexOf("/") + 1,
211                 //        Bimp.drr.get(i).lastIndexOf("."));
212                 //list.add(FileUtils.SDPATH+Str+".JPEG");
213                 sb.append("{\"path\":\""+Bimp.drr.get(i).toString()+"\"}");
214                 if(i<Bimp.drr.size()-1){
215                     sb.append(",");
216                 }
217             }
218             sb.append("]");
219             final String sbStr=sb.toString();
220             //調用網頁函數
221             if(paramJS.length>2){
222                 webView.post(new Runnable() {
223                     @Override
224                     public void run() {
225                         webView.loadUrl("javascript:"+paramJS[2]+"("+sbStr+")");
226                     }
227                 });
228             }else{
229                 webView.loadUrl("javascript:"+paramJS[2]+"(\"Can't get the callback, confirm your parameters correctly\")");
230             }
231         }
232     }
233     public String[] getParamJS() {
234         return paramJS;
235     }
236 
237     public void setParamJS(String[] paramJS) {
238         this.paramJS = paramJS;
239     }
240     
241     public void     upload_carmare_photo(final Intent data){
242         Thread thread=new Thread(){
243             @Override
244             public void run() {
245                 super.run();
246                 //選擇圖片  
247                 Uri uri = data.getData();   
248                 ContentResolver cr = IndexActivity.this.getContentResolver();   
249                 try {  
250                     if(bmp != null)//若是不釋放的話，不斷取圖片，將會內存不夠  
251                         bmp.recycle();  
252                     bmp = BitmapFactory.decodeStream(cr.openInputStream(uri));  
253                 } catch (FileNotFoundException e) {  
254                     // TODO Auto-generated catch block  
255                     e.printStackTrace();  
256                 }  
257                 System.out.println("the bmp toString: " + bmp);
258                 File fileDir = new File(Environment.getExternalStorageDirectory() + "/Myimage");
259                 if (!fileDir.exists()) {
260                     fileDir.mkdirs();// 建立文件夾
261                 }
262                    File file = new File(Environment.getExternalStorageDirectory()
263                     + "/Myimage/", String.valueOf(System.currentTimeMillis())
264                     + ".png");
265                    FileOutputStream fos;
266                 try {
267                     fos = new FileOutputStream(file);
268                        bmp.compress(Bitmap.CompressFormat.JPEG, 50, fos);
269                        fos.flush();
270                        fos.close();
271                 } catch (FileNotFoundException e) {
272                     // TODO Auto-generated catch block
273                     e.printStackTrace();
274                 } catch (IOException e) {
275                     // TODO Auto-generated catch block
276                     e.printStackTrace();
277                 }
278                 if(bmp!=null){
279                     jsApi.uploadPhoto((paramJS[0].indexOf("http:")==0?"":"http://")+paramJS[0], file, IndexActivity.this, REQUEST_CODE_UPLOAD);
280                 }
281             }
282             
283         };
284         thread.start();
285     }
286 }

　　3.IOS端實現

　　說明：如下爲IOS應用啓動展示的第一個ViewController，在此視圖控制器裏面放入UIWebview控件，請求服務器html頁面

  1 //
  2 //  QMViewController.m
  3 //  QMWebView
  4 //
  5 //  Created by Qimeng Tech on 14-7-15.
  6 //  Copyright (c) 2014年 Qimeng Tech. All rights reserved.
  7 //
  8 
  9 #import "QMViewController.h"
 10 #import "QMUtil.h"
 11 #import "SecurityUtil.h"
 12 #import "JSONKit.h"
 13 #import "FileUtil.h"
 14 #import "Toast+UIView.h"
 15 #import "MLAudioRecorder.h"
 16 #import "AmrRecordWriter.h"
 17 #import <AVFoundation/AVFoundation.h>
 18 #import "MLAudioMeterObserver.h"
 19 
 20 @interface QMViewController ()
 21 @property (nonatomic, strong) MLAudioRecorder *recorder;
 22 @property (nonatomic, strong) AmrRecordWriter *amrWriter;
 23 
 24 @property (nonatomic, strong) AVAudioPlayer *player;
 25 
 26 @property (nonatomic, copy) NSString *filePath;
 27 @property (weak, nonatomic) IBOutlet UIButton *recordButton;
 28 @property (nonatomic, strong) MLAudioMeterObserver *meterObserver;
 29 @property (nonatomic,strong) NSTimer *timerStopRecord;
 30 @property (nonatomic,assign) int timerStopNum;
 31 @end
 32 
 33 @implementation QMViewController
 34 @synthesize currentParams,webView;
 35 @synthesize currentUploadPhotoNum,selectMultiUploadPhotoUrls;
 36 - (void)viewDidLoad
 37 {
 38     [super viewDidLoad];
 39     self.title=@"啓夢瀏覽器";
 40     if( ([[[UIDevice currentDevice] systemVersion] doubleValue]>=7.0)) {
 41         self.edgesForExtendedLayout = UIRectEdgeNone;
 42         self.extendedLayoutIncludesOpaqueBars = NO;
 43         self.modalPresentationCapturesStatusBarAppearance = NO;
 44     }
 45     self.webView=[[UIWebView alloc] initWithFrame:CGRectMake(0, 0, UI_SCREEN_WIDTH, UI_SCREEN_HEIGHT-20-44)];
 46     self.webView.delegate=self;
 47     [self.webView loadRequest:[NSURLRequest requestWithURL:[NSURL URLWithString:@"http://10.1.2.123/webview/"]]];
 48     [self.view addSubview:self.webView];
 49     
 50     self.selectMultiUploadPhotoUrls=[[NSMutableArray alloc] init];
 51     // Do any additional setup after loading the view, typically from a nib.
 52 }
 53 #pragma mark --
 54 #pragma mark UIWebViewDelegate
 55 /**
 56  *截獲特殊請求url，完成js與本地交互
 57  */
 58 - (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {
 59     
 60     NSString *requestString = [[request URL] absoluteString];
 61     NSArray *components = [requestString componentsSeparatedByString:@":"];
 62     NSRange range=[[components objectAtIndex:1] rangeOfString:@"QM_APP_WEBVIEW_ENGINE"];
 63     if ([components count] > 3 && range.location == 2 && range.length == 21) {
 64         NSString *cmd=(NSString *)[components objectAtIndex:2];
 65         //上傳參數一、請求地址；二、成功回調函數；三、失敗回調函數
 66         NSArray *params=[[components objectAtIndex:3] componentsSeparatedByString:@","];
 67         //請求相冊列表
 68         self.currentParams=params;
 69         if([cmd isEqualToString:JS_CMD_NAME_ALBUM]){
 70             [QMUtil LocalPhotos:self delegate:self];
 71         //調用攝像頭
 72         }else if ([cmd isEqualToString:JS_CMD_NAME_CAMERA]){
 73             [QMUtil takeCamera:self delegate:self];
 74         //請求相冊列表-多選
 75         }else if([cmd isEqualToString:JS_CMD_NAME_request_albums_multi]){
 76             [FileUtil cleaerImgAreaDirectory];
 77             [FileUtil createImgAreaUploadDirectory];
 78             [self.selectMultiUploadPhotoUrls removeAllObjects];
 79             self.currentUploadPhotoNum=0;
 80             [QMUtil LocalPhotosSelectMulti:self delegate:self];
 81         }else if([cmd isEqualToString:JS_CMD_NAME_request_albums_multi_upload]){
 82             if (self.selectMultiUploadPhotoUrls.count>0) {
 83                 [NetWorkUtil uploadFile:[NSString stringWithFormat:@"http://%@",[self.currentParams objectAtIndex:0]] localFilePath:[self.selectMultiUploadPhotoUrls objectAtIndex:0] uploadDelegate:self params:nil code:@"upload_photos_multi"];
 84             }else{
 85                 [self.view makeToast:@"沒有選擇上傳圖片，沒法上傳" duration:2.0 position:@"center"];
 86             }
 87         //錄製音頻
 88         }else if([cmd isEqualToString:@"start_record"]){
 89             if(self.amrWriter==nil){
 90                 [self initRecorder];
 91             }
 92             if (self.recorder.isRecording) {
 93                 //取消錄音
 94                 [self.view makeToast:@"正在錄音中，請先中止" duration:2.0 position:@"center"];
 95             }else{
 96                 //開始錄音
 97                 [self.recorder startRecording];
 98                 self.meterObserver.audioQueue = self.recorder->_audioQueue;
 99                 //防止用戶不中止，錄音會一直繼續下去
100                 self.timerStopNum=0;
101                 self.timerStopRecord=[NSTimer scheduledTimerWithTimeInterval:10.0 target:self selector:@selector(timerFired:) userInfo:nil repeats:NO];
102             }
103         }else if([cmd isEqualToString:@"stop_record"]){
104             if(self.amrWriter==nil){
105                 [self initRecorder];
106             }
107             if (self.recorder.isRecording) {
108                 //取消錄音
109                 [self.recorder stopRecording];
110                 if(self.timerStopRecord!=nil){
111                     [self.timerStopRecord invalidate];
112                     self.timerStopRecord=nil;
113                 }
114             }else{
115                 [self.view makeToast:@"還沒開始錄音" duration:2.0 position:@"center"];
116             }
117         }else if([cmd isEqualToString:@"play_record"]){
118             if(self.player==nil){
119                 self.player = [[AVAudioPlayer alloc]initWithContentsOfURL:[NSURL fileURLWithPath:self.filePath] error:nil];
120             }
121             NSLog(@"%@",self.filePath);
122             if([self.player isPlaying]){
123                 [self.view makeToast:@"正在播放中，請先中止" duration:2.0 position:@"center"];
124             }else{
125                 [self.player play];
126             }
127         }else if([cmd isEqualToString:@"stop_play"]){
128             if(self.player==nil){
129                 self.player = [[AVAudioPlayer alloc]initWithContentsOfURL:[NSURL fileURLWithPath:self.filePath] error:nil];
130             }
131             NSLog(@"%@",self.filePath);
132             if([self.player isPlaying]){
133                 [self.player stop];
134             }
135         }else if([cmd isEqualToString:@"upload_to_server"]){
136             if(!self.filePath){
137                 [self.view makeToast:@"請先錄製音頻" duration:2.0 position:@"center"];
138                 return NO;
139             }
140             [NetWorkUtil uploadFile:[NSString stringWithFormat:@"http://%@",[self.currentParams objectAtIndex:0]] localFilePath:self.filePath uploadDelegate:self params:nil code:@"upload_media"];
141         }else if([cmd isEqualToString:@"save_login_info"]){
142             NSUserDefaults *defaults =[NSUserDefaults standardUserDefaults];
143             if ([self.currentParams count]>=3) {
144                 [defaults setObject:[self.currentParams objectAtIndex:0] forKey:@"uid"];
145             }else{
146                 [self.view makeToast:@"請設置正確的參數" duration:2.0 position:@"center"];
147             }
148             [defaults synchronize];
149             //發送推送的userid到服務器
150             //[NetWorkUtil uploadFile:[NSString stringWithFormat:@"http://%@",[self.currentParams objectAtIndex:0]] localFilePath:self.filePath uploadDelegate:self params:nil code:@"upload_media"];
151         }else if ([cmd isEqualToString:@"scan_bar"]){
152             if (TARGET_IPHONE_SIMULATOR) {
153                 ZBarReaderViewController *controller=[[ZBarReaderViewController alloc] initWithNibName:nil bundle:nil];
154                 [self presentModalViewController:controller animated:YES];
155             }
156         }
157         return NO;
158     }
159     return YES;
160 }
161 -(void) timerFired:(id)sender{
162     self.timerStopNum++;
163     if(self.timerStopNum==5){
164         if (self.recorder&&self.recorder.isRecording){
165             [self.recorder stopRecording];
166             NSLog(@"時間到，已自動中止錄音");
167             [self.timerStopRecord invalidate];
168             self.timerStopRecord=nil;
169         }
170     }
171 }
172 #pragma make QBImagePickerControllerDelegate delegate
173 #pragma make UIImagePickerControllerDelegate
174 //當選擇一張圖片後進入這裏
175 -(void)imagePickerController:(UIImagePickerController*)picker didFinishPickingMediaWithInfo:(NSDictionary *)info
176 {
177     //系統自帶的相冊單選
178     if ([picker isKindOfClass:[UIImagePickerController class]]) {
179         NSString *type = [info objectForKey:UIImagePickerControllerMediaType];
180         //當選擇的類型是圖片
181         if ([type isEqualToString:@"public.image"]){
182             //關閉相冊界面
183             [picker dismissViewControllerAnimated:YES completion:^{}];
184             //先把圖片轉成NSData
185             UIImage* image = [info objectForKey:@"UIImagePickerControllerOriginalImage"];
186             NSData *data;
187             //if (UIImagePNGRepresentation(image) == nil){
188                 data = UIImageJPEGRepresentation(image, 0.5);
189             //}
190             //else{
191             //    data = UIImagePNGRepresentation(image);
192             //}
193             //圖片保存的路徑
194             //這裏將圖片放在沙盒的documents文件夾中
195             NSString * DocumentsPath = [NSHomeDirectory() stringByAppendingPathComponent:@"Documents"];
196             //文件管理器
197             NSFileManager *fileManager = [NSFileManager defaultManager];
198             //把剛剛圖片轉換的data對象拷貝至沙盒中 並保存爲image.png
199             [fileManager createDirectoryAtPath:DocumentsPath withIntermediateDirectories:YES attributes:nil error:nil];
200             NSString *path=[DocumentsPath stringByAppendingString:@"/image.png"];
201             [fileManager createFileAtPath:path contents:data attributes:nil];
202             //獲得選擇後沙盒中圖片的完整路徑
203             //NSString *filePath = [[NSString alloc]initWithFormat:@"%@%@",DocumentsPath,  @"/image.png"];
204 
205             //建立一個選擇後圖片的小圖標放在下方
206             //相似微薄選擇圖後的效果
207             UIImageView *smallimage = [[UIImageView alloc] initWithFrame:CGRectMake(50, 120, 40, 40)];
208             smallimage.image = image;
209         
210             //上傳圖片
211             [NetWorkUtil uploadFile:[NSString stringWithFormat:@"http://%@",[self.currentParams objectAtIndex:0]] localFilePath:path uploadDelegate:self params:nil code:@"upload_photo"];
212             //操做完後回調網頁js
213             //[webView stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat:@"%@('nihao')",[picker.userParam objectAtIndex:1]]];
214         ;
215             //加在視圖中
216             //[self.view addSubview:smallimage];
217         }
218     }else{
219         //自定義的相冊多選
220         NSArray *mediaInfoArray = (NSArray *)info;
221         NSLog(@"Selected %d photos and mediaInfoArray==%@", mediaInfoArray.count,mediaInfoArray);
222         NSString *resultJson=@"[";
223         for (int i=0;i<mediaInfoArray.count; i++) {
224             NSDictionary *mediaInfo = [mediaInfoArray objectAtIndex:i];
225             UIImage *image= [mediaInfo objectForKey:@"UIImagePickerControllerOriginalImage"];
226             NSString *fileUrl=[NSString stringWithFormat:@"%@/local_%d.jpg",[FileUtil getImgAreaUploadDirecoty],i];
227             image=[QMUtil makeThumbnailFromImage:image scale:0.5];
228             [UIImageJPEGRepresentation(image, 0.5) writeToFile:fileUrl atomically:YES];
229             //image=[UIUtil makeThumbnailFromImage:image scale:0.7];
230             //[UIImagePNGRepresentation(image) writeToFile:fileUrl atomically:YES];
231             resultJson=[resultJson stringByAppendingString:[NSString stringWithFormat:@"{\"path\":\"%@\"}",fileUrl]];
232             [self.selectMultiUploadPhotoUrls addObject:fileUrl];
233             if (i<mediaInfoArray.count-1) {
234                 resultJson=[resultJson stringByAppendingString:@","];
235             }
236         }
237         resultJson=[resultJson stringByAppendingString:@"]"];
238         [self.webView stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat:@"%@(%@)",[self.currentParams objectAtIndex:2],resultJson]];
239         [self dismissViewControllerAnimated:YES completion:NULL];
240     }
241     
242 }
243 - (void)imagePickerControllerDidCancel:(UIImagePickerController *)picker
244 {
245     NSLog(@"您取消了選擇圖片");
246     [picker dismissViewControllerAnimated:YES completion:^{}];
247     [self.webView stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat:@"%@('')",[self.currentParams objectAtIndex:2]]];
248 }
249 - (void)didReceiveMemoryWarning
250 {
251     [super didReceiveMemoryWarning];
252     // Dispose of any resources that can be recreated.
253 }
254 -(void) uploadDelegate:(NSString *)response code:(NSString *)code error:(NSError *)error{
255     if ([response rangeOfString:@"http://"].length==7) {
256         if ([@"upload_photo" isEqualToString:code]) {
257             [self.webView stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat:@"%@('%@')",[self.currentParams objectAtIndex:1],response]];
258         }else if([@"upload_photos_multi" isEqualToString:code]) {
259             self.currentUploadPhotoNum++;
260             [self.webView stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat:@"%@('%@',%d,%d)",[self.currentParams objectAtIndex:1],response,self.selectMultiUploadPhotoUrls.count,self.currentUploadPhotoNum]];
261             if (self.currentUploadPhotoNum<self.selectMultiUploadPhotoUrls.count) {
262                 //繼續上傳
263                 [NetWorkUtil uploadFile:[NSString stringWithFormat:@"http://%@",[self.currentParams objectAtIndex:0]] localFilePath:[self.selectMultiUploadPhotoUrls objectAtIndex:self.currentUploadPhotoNum] uploadDelegate:self params:nil code:@"upload_photos_multi"];
264             }
265         }else if ([@"upload_media" isEqualToString:code]) {
266             [self.webView stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat:@"%@('%@')",[self.currentParams objectAtIndex:1],response]];
267         }
268 
269     }else{
270         [self.webView stringByEvaluatingJavaScriptFromString:[NSString stringWithFormat:@"%@('%@')",[self.currentParams objectAtIndex:2],response]];
271     }
272 }
273 
274 -(void) initRecorder{
275     NSString *path = [NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES) objectAtIndex:0];
276     AmrRecordWriter *amrWriter = [[AmrRecordWriter alloc]init];
277     amrWriter.filePath = [path stringByAppendingPathComponent:@"record.amr"];
278     amrWriter.maxSecondCount = 60;
279     amrWriter.maxFileSize = 1024*256;
280     amrWriter.cafFilePath = [path stringByAppendingPathComponent:@"recordAmr.caf"];
281     self.amrWriter = amrWriter;
282     
283     
284     MLAudioMeterObserver *meterObserver = [[MLAudioMeterObserver alloc]init];
285     meterObserver.actionBlock = ^(NSArray *levelMeterStates,MLAudioMeterObserver *meterObserver){
286         NSLog(@"volume:%f",[MLAudioMeterObserver volumeForLevelMeterStates:levelMeterStates]);
287     };
288     meterObserver.errorBlock = ^(NSError *error,MLAudioMeterObserver *meterObserver){
289         [[[UIAlertView alloc]initWithTitle:@"錯誤" message:error.userInfo[NSLocalizedDescriptionKey] delegate:nil cancelButtonTitle:nil otherButtonTitles:@"知道了", nil]show];
290     };
291     self.meterObserver = meterObserver;
292     MLAudioRecorder *recorder = [[MLAudioRecorder alloc]init];
293     __weak __typeof(self)weakSelf = self;
294     recorder.receiveStoppedBlock = ^{
295         [weakSelf.recordButton setTitle:@"Record" forState:UIControlStateNormal];
296         weakSelf.meterObserver.audioQueue = nil;
297     };
298     recorder.receiveErrorBlock = ^(NSError *error){
299         [weakSelf.recordButton setTitle:@"Record" forState:UIControlStateNormal];
300         weakSelf.meterObserver.audioQueue = nil;
301         
302         [[[UIAlertView alloc]initWithTitle:@"錯誤" message:error.userInfo[NSLocalizedDescriptionKey] delegate:nil cancelButtonTitle:nil otherButtonTitles:@"知道了", nil]show];
303     };
304     recorder.bufferDurationSeconds = 0.04;
305     recorder.fileWriterDelegate = amrWriter;
306     self.filePath  = amrWriter.cafFilePath; //由於能直接播放是的caf文件，因此給予caf文件地址
307     self.recorder = recorder;
308 }
309 @end
310 
311 @interface UIWebView (JavaScriptAlert)
312 
313 - (void)webView:(UIWebView *)sender runJavaScriptAlertPanelWithMessage:(NSString *)message initiatedByFrame:(CGRect *)frame;
314 
315 @end
316 
317 @implementation UIWebView (JavaScriptAlert)
318 
319 - (void)webView:(UIWebView *)sender runJavaScriptAlertPanelWithMessage:(NSString *)message initiatedByFrame:(CGRect *)frame {
320     
321     
322     UIAlertView* customAlert = [[UIAlertView alloc] initWithTitle:@"提示信息" message:message delegate:nil cancelButtonTitle:@"肯定" otherButtonTitles:nil];
323     
324     [customAlert show];
325     
326 }
327 @end