从gallery-Android访问图像时无法设置图像源
-
21-12-2019 - |
题
Iam使用cordova3.4。当我捕获图像并设置它时,它工作正常,但是当我尝试从图库访问图像时,我得到了url
content://com.android.providers.media.documents/document/image%4A463
我在我的图像标签中得到图像加载错误。我知道这是一个已知的错误,我已经参考了堆栈问题,如 使用PhoneGap相机插件从android4.4(KitKat)上的图库中选择时无法加载图像
我无法使用所提到的URI手动设置的粗略工作,如content://media/external/images/media/,因为我们专注于具有内部内置存储的设备,例如Moto
您还可以确认此问题已在cordova3.5中修复。因为我需要我的官员的许可才能下载,我必须确保它是可以实现的。有人能帮忙吗?
更新资料:
app.directive('upload', function() {
return {
restrict: 'A',
require: 'ngModel',
link: function(scope, elm, attrs, ctrl) {
elm.on('click', function() {
navigator.camera.getPicture(
function(imageURI) {
scope.$apply(function() {
alert(imageURI);
ctrl.$setViewValue(imageURI);
});
window.resolveLocalFileSystemURI(imageURI, function(fileEntry) {
// ctrl.$setViewValue(imageURI);
alert("inside local file" + imageURI);
alert("Inside local file system");
fileEntry.file(function(fileObj) {
alert("hai");
var options = new FileUploadOptions();
options.fileKey = "file";
options.fileName = fileObj.name;
options.mimeType = fileObj.type;
var ft = new FileTransfer();
// var url = fileUploadUrl;
// ft.upload(imageUri, encodeURI(url), success, failure, options);
});
});
},
function(err) {
ctrl.$setValidity('error', false);
}, {quality: 50,
destinationType: Camera.DestinationType.FILE_URI,
sourceType: Camera.PictureSourceType.PHOTOLIBRARY
}
);
});
}
};
});
我的HTML:
<img
ng-src="{{onepic}}"
width="250"
height="390"
alt="error"/>
我在手表内的控制器中为onepic设置了值function.So 当指令返回一个URI时,它将自动在onepic中设置。请指定任何替代解决方案,或者如果我做错了什么,我是angularjs的新手
解决方案
试试这个。.
在Camera插件中有一个 FileHelper.java
文件,替换插件 getRealPath
用我的方法。
有关更多详细信息,您可以关注此-> https://issues.apache.org/jira/browse/CB-5398
FileHelper.java语言
@SuppressWarnings("deprecation")
public static String getRealPath(String uriString, CordovaInterface cordova) {
String realPath = null;
final boolean isKitKat = Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT;
// DocumentProvider
if (isKitKat) {
Cursor cursor = cordova.getActivity().getContentResolver().query(Uri.parse(uriString), null, null, null, null);
cursor.moveToFirst();
String document_id = cursor.getString(0);
document_id = document_id.substring(document_id.lastIndexOf(":")+1);
cursor.close();
cursor = cordova.getActivity().getContentResolver().query(
android.provider.MediaStore.Images.Media.EXTERNAL_CONTENT_URI,
null, MediaStore.Images.Media._ID + " = ? ", new String[]{document_id}, null);
cursor.moveToFirst();
String path = cursor.getString(cursor.getColumnIndex(MediaStore.Images.Media.DATA));
realPath = path;
cursor.close();
}else{
if (uriString.startsWith("content://")) {
String[] proj = { _DATA };
Cursor cursor = cordova.getActivity().managedQuery(Uri.parse(uriString), proj, null, null, null);
int column_index = cursor.getColumnIndexOrThrow(_DATA);
cursor.moveToFirst();
realPath = cursor.getString(column_index);
if (realPath == null) {
LOG.e(LOG_TAG, "Could get real path for URI string %s", uriString);
}
} else if (uriString.startsWith("file://")) {
realPath = uriString.substring(7);
if (realPath.startsWith("/android_asset/")) {
LOG.e(LOG_TAG, "Cannot get real path for URI string %s because it is a file:///android_asset/ URI.", uriString);
realPath = null;
}
} else {
realPath = uriString;
}
}
return realPath;
}
在 CameraLauncher.java
类therer是一种方法 processResultFromGallery
private void processResultFromGallery
找到此代码:
if (this.targetHeight == -1 && this.targetWidth == -1 &&
(destType == FILE_URI || destType == NATIVE_URI) && !this.correctOrientation){
this.callbackContext.success(uri.toString());
}
并用这个代替:
if (this.targetHeight == -1 && this.targetWidth == -1 &&
(destType == FILE_URI || destType == NATIVE_URI) && !this.correctOrientation) {
String s =FileHelper.getRealPath(uri.toString(), cordova);
Log.i("test","<<<<ifURI::::::"+s +"URI::::" + uri.toString());
this.callbackContext.success(s);
}
其他提示
请参阅这个答案:
if (imageUri.toString().substring(0,21).equals("content://com.android")) {
String [] photo_split= imageUri.toString().split("%3A");
String imageUriBasePath = "content://media/external/images/media/"+photo_split[1];
imageUri= Uri.parse(imageUriBasePath );
}
. 每当一些 uri
被传递到 <img src="uri" />
它被隐式解码
内容://com。机器人。供应商。媒体。文档/文档/图像%3a9888 (1)
进入
内容://com。机器人。供应商。媒体。文档/文档/图像:9888 (2)
然而,在从 Intent.ACTION_OPEN_DOCUMENT
或 Intent.ACTION_GET_CONTENT
Android为您提供了读取权限 (1), ,不 (2).在这种情况下 WebView
预计会记录一个错误:
爪哇。朗。SecurityException:拒绝许可:阅读 com。机器人。供应商。媒体。MediaDocumentsProvider uri 内容://com。机器人。供应商。媒体。文档/文档/图像:9888 从pid=13163,uid=10165需要 机器人。许可。MANAGE_DOCUMENTS,或grantUriPermission()
或
无法打开内容URL
代码片段
所有你需要解决的问题是
String uriToUseInWebView = transformForWebView(uri.toString());
private String transformForWebView(String uri) {
for (int i = 0; i < timesDecodingWebView(); i++)
uri = uri.replace("%", Uri.encode("%"));
return uri;
}
private int timesDecodingWebView() {
if (Build.VERSION.RELEASE.equals("4.4.2")) {
return 2;
} else {
return 1;
}
}
在通过之前的Java代码中 uri
成HTML/JS以确保 (1) 将实际加载。
我已经在4.4.2,4.4.4和5.0上测试过了。有趣的是,Android4.4.2解码 uri
内部两次。