Image Cordova/phonegap:拍摄一张照片并将其发送到我的服务器
目前,在我的应用程序中,我有一个屏幕,用户单击send并向服务器发送一些数据,以使用wcf服务 现在,我想添加一个特性:除了实际发送的数据外,用户还必须拍摄一张照片,并将其与其他参数一起发送 我已经添加了插件相机和创建模板Image Cordova/phonegap:拍摄一张照片并将其发送到我的服务器,image,cordova,wcf,camera,phonegap,Image,Cordova,Wcf,Camera,Phonegap,目前,在我的应用程序中,我有一个屏幕,用户单击send并向服务器发送一些数据,以使用wcf服务 现在,我想添加一个特性:除了实际发送的数据外,用户还必须拍摄一张照片,并将其与其他参数一起发送 我已经添加了插件相机和创建模板 function capturePhoto() { alert("1"); navigator.camera.getPicture(onPhotoDataSuccess, onFail, { quality: 50, desti
function capturePhoto() {
alert("1");
navigator.camera.getPicture(onPhotoDataSuccess, onFail, {
quality: 50,
destinationType: navigator.camera.DestinationType.FILE_URI,
//destinationType: navigator.camera.DestinationType.NATIVE_URI,
//sourceType: sourceType.CAMERA
});
}
function onPhotoDataSuccess(imageData) {
alert("S");
var smallImage = document.getElementById('myImage');
smallImage.style.display = 'block';
smallImage.src = "data:image/jpeg;base64," + imageData;
image = "data:image/jpeg;base64," + imageData;
alert("Image = " + image);
}
function onFail(message) {
alert('Failed because: ' + message);
}
我确信我必须在onSuccess函数中管理一些东西,但是我如何才能达到我的目标呢?拍摄完照片后,我必须将照片作为参数添加到此处发送:
$.ajax({
type: "POST",
contentType: "application/json",
dataType: "json",
url: url,
data: JSON.stringify({ "data": date_str, "PICTUREHERE":pictureHere }),
success: function (output) {
//my stuff
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
//my error stuff
}
});
我的DeviceRady功能是:
$(document).on("deviceready", function () {
navigator.splashscreen.hide();
});
我认为在服务器端,pictureHere参数必须是字节[],但我不知道如何管理应用端
更新:my config.xml
<widget id="com.devexpress.apptemplate" version="1.0" versionCode="1">
<name>ApplicationTemplate</name>
<description>Template</description>
<author email="info@info.com" href="http://www.info.com/">info</author>
<preference name="permissions" value="none" />
<preference name="prerendered-icon" value="true" />
<preference name="android-windowSoftInputMode" value="adjustPan" />
<!--<preference name="phonegap-version" value="cli-7.0.1" />-->
<!--<preference name="SplashScreen" value="splash" />-->
<preference name="SplashScreenDelay" value="60000" />
<preference name="AutoHideSplashScreen" value="false" />
<preference name="SplashShowOnlyFirstTime" value="false" />
<preference name="FadeSplashScreen" value="false" />
<preference name="ShowSplashScreenSpinner" value="false" />
<preference name="DisallowOverscroll" value="true" />
<preference name="StatusBarOverlaysWebView" value="false" />
<preference name="StatusBarBackgroundColor" value="#000000" />
<preference name="android-minSdkVersion" value="14" />
<preference name="android-targetSdkVersion" value="22" />
<!--<plugin name="cordova-plugin-file" />-->
<!--<plugin name="cordova-plugin-camera" />-->
<plugin name="cordova-plugin-camera" spec="^2.4.1">
<variable name="CAMERA_USAGE_DESCRIPTION" value=" " />
<variable name="PHOTOLIBRARY_USAGE_DESCRIPTION" value=" " />
</plugin>
<plugin name="cordova-plugin-splashscreen" onload="true" />
<plugin name="cordova-plugin-whitelist" />
<plugin name="cordova-plugin-ios-longpress-fix" />
<plugin name="cordova-plugin-statusbar" onload="true" />
<access origin="*" />
</widget>
在我的html页面中,我添加了
<img id="myImage" />
图片这里必须是base64字符串很好,我必须试试!但目前我还有一个问题:我无法打开相机,我肯定错过了什么。。。请看更新。。你看到错误了吗?当我试着拍照时,我看到了警报1,但之后什么也没发生,你一定是出了什么差错。你们能在控制台上看到吗。?尝试添加sourceType:Camera.PictureSourceType.PHOTOLIBRARY以从gallery加载,并检查您的设备权限。这里有一点!当我安装应用程序时,我有内存权限的请求,但没有相机使用的请求!为什么?哪种设备?ios/android?我正在测试android
function getImage() {
// Retrieve image file location from specified source
navigator.camera.getPicture(function(pictureHere){
$.ajax({
type: "POST",
contentType: "application/json",
dataType: "json",
url: url,
data: JSON.stringify({ "data": date_str, "PICTUREHERE":pictureHere}),
success: function (output) {
//my stuff
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
//my error stuff
}
});
}, function (message) {
Alert("Error", "error");
}, {
quality: 50,
destinationType: navigator.camera.DestinationType.FILE_URI,
sourceType: navigator.camera.PictureSourceType.PHOTOLIBRARY
}
);
}