I am using this Github Android Library to crop an image that is selected. That image is then loaded into two CircleImageViews and sent to the server (PHP). It is later accessed by the image URL in the database. The actual image is stored in a folder on the server.
When I was using the default onActivityResult without the library, everything worked great, however, larger images would be flipped. Hence my desire to use this library.
If I try to open the file that's uploaded to the server, this is what I get:
First, here is how I start the CropImage Activity:
public void showFileChooser() {
CropImage.activity()
.setGuidelines(CropImageView.Guidelines.ON)
.start(this);
}
Here is my onActivityResult() method and the subsequent method, uploadAvatar() that is called. Note the comment saying my bitmap is returning NULL:
@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
super.onActivityResult(requestCode, resultCode, data);
if(requestCode == CropImage.CROP_IMAGE_ACTIVITY_REQUEST_CODE) {
CropImage.ActivityResult result = CropImage.getActivityResult(data);
if(resultCode == RESULT_OK) {
picUri = CropImage.getPickImageResultUri(this, data); //get the image URI
Log.d(TAG, "CropImage Result URI: "+picUri);
//THIS RETURNS NULL AND I DON'T KNOW WHY
bitmap = cropImageView.getCroppedImage(); //Assign the bitmap to the cropImageView
Picasso.get().load(picUri).into(edit_profile_avatar); //Load it into the CircleImageView
Picasso.get().load(picUri).into(circle_avatar); //Load it into the DrawerLayout CircleImageView
uploadAvatar(); //Upload to server (see method)
} else if (resultCode == CropImage.CROP_IMAGE_ACTIVITY_RESULT_ERROR_CODE) {
Exception error = result.getError();
ToastMaker.createLongToast(getApplicationContext(), "Error Cropping Image: "+error);
Log.d(TAG, "Exception: "+error);
}
}
}
public void uploadAvatar() {
//Progress log to show work being done
final ProgressDialog progressDialog = new ProgressDialog(EditProfileActivity.this, R.style.Custom_Progress_Dialog);
progressDialog.setIndeterminate(true);
progressDialog.setMessage("Doing Stuff...");
progressDialog.show();
StringRequest stringRequest = new StringRequest(Request.Method.POST, uploadAvatarUrl, new Response.Listener<String>() {
@Override
public void onResponse(String response) {
try {
Log.d(TAG, "Volley Response: "+response);
ToastMaker.createLongToast(getApplicationContext(), "Volley Upload Response: "+response);
uploadArray = new JSONArray(response);
JSONObject jsonObject = uploadArray.getJSONObject(0);
String imageString = jsonObject.getString("image");
Log.d(TAG, "imageString: "+imageString);
//Picasso.get().load(imageString).into(edit_profile_avatar);
//Picasso.get().load(imageString).into(circle_avatar);
progressDialog.dismiss();
} catch (Exception e) {
ToastMaker.createLongToast(getApplicationContext(), "Exception: " + e.getMessage());
progressDialog.dismiss();
}
}
}, new Response.ErrorListener() {
@Override
public void onErrorResponse(VolleyError error) {
ToastMaker.createLongToast(getApplicationContext(), "Volley Error: " + error);
Log.d(TAG, "VolleyError: " + error);
progressDialog.dismiss();
}
}) {
@Override
protected Map<String, String> getParams() {
Map<String, String> params = new HashMap<>();
//String imageData = imageToString(bitmap);
//params.put("image", imageData);
params.put("image", picUri.toString());
params.put("username", logged_in_username);
return params;
}
};
RequestQueue requestQueue = Volley.newRequestQueue(EditProfileActivity.this);
requestQueue.add(stringRequest);
}
If you notice, I left the commented out line in my getParams() method so you could see the original method I used. Here it is:
private String imageToString(Bitmap bitmap) {
ByteArrayOutputStream outputStream = new ByteArrayOutputStream();
bitmap.compress(Bitmap.CompressFormat.JPEG, 100, outputStream);
byte[] imageBytes = outputStream.toByteArray();
return Base64.encodeToString(imageBytes, Base64.DEFAULT);
}
If I tried to use that method on the new CropImageView bitmap, I got a NullPointerException.
Here is the short PHP script that handles it. Keep in mind, it worked before using this CropImage Library.
<?php
include '../../../config/DB.php';
try { $db = new DB(); } catch (Exception $e) { $e->getMessage(); }
if($_SERVER['REQUEST_METHOD'] === 'POST') {
//Get the username for query
$username = $_POST['username'];
//Get the image
$image = $_POST['image'];
//Define upload path
$target_dir = '../../users/'.$username.'/uploads';
//Delete all other files
$files = glob('../../users/'.$username.'/uploads/*');
foreach($files as $file) {
if(is_file($file)) {
unlink($file);
}
}
//Create random number + timestamp for new name
$imageID = rand().'_'.time();
$target_dir = $target_dir .'/'.$imageID.'.jpg';
$db_dir = '../users/'.$username.'/uploads/'.$imageID.'.jpg';
//To see what data is returned
$user_info = array();
//If upload is successful, put the path in the database
if(file_put_contents($target_dir, base64_decode($image))) {
$user_info[] = array('image'=>$db_dir);
$insert = $db->updateRow('UPDATE users SET avatar=? WHERE username=?', [$db_dir, $username]);
echo json_encode($user_info);
} else {
echo json_encode('Error');
}
}
Here is what is written to the database:
id | username | avatar
1 | username | ../users/username/uploads/2132273469_1546812127.jpg
And finally, here is what comes back in my logs:
CropImage Result URI: file:///storage/emulated/0/Android/data/com.companyname.appname/cache/pickImageResult.jpeg
Volley Response: [{"image":"..\/users\/username\/uploads\/2132273469_1546812127.jpg"}]
Has anyone ever used this library? What am I missing here? The documentation shows nothing about uploading to a server, only setting an ImageView to the bitmap (which works).
