问题描述
我的情况很简单:
我当前的代码(未压缩):
片段:
override fun onActivityResult(requestCode: Int,resultCode: Int,data: Intent?) {
super.onActivityResult(requestCode,resultCode,data)
when (requestCode) {
RC_PICK_IMAGE ->
if (resultCode == Activity.RESULT_OK)
data?.data?.let { viewmodel.updateUserPicture(it) }
}
}
视图模型:
fun updatePhotoUrl(photoUrl: Uri?): Task<Void> =
Storage.uploadFile("/$PS_USERS/$uid",photoUrl)
.continueWithTask { ... }
存储:(包装 Firebase 交互的对象)
fun uploadFile(path: String,uri: Uri): Task<Uri> {
val imageRef = storageRef.child(path)
val uploadTask = imageRef.putFile(uri)
// Return the task getting the download URL
return uploadTask.continueWithTask { task ->
if (!task.isSuccessful) {
task.exception?.let {
throw it
}
}
imageRef.downloadUrl
}
}
这很完美。
- 我找到了许多指向 Compressor 库(例如 here 和 here)的答案并尝试了它,但它不适用于图库结果 uri。我找到了从中获取实际 uri 的方法(例如 here),但它们感觉像是大量样板代码,因此感觉这不是最佳实践。
- 我还使用
bitmap.compress
(如 here 和 here)找到了许多答案,也尝试过,但它要求提供位图。使用MediaStore.Images.Media.getBitmap
获取位图很容易,但它已被弃用,this 解决方案让我怀疑这是否是正确的方向。此外,将位图保存在我的 LiveData 对象中(在实际保存之前显示在屏幕上,在编辑屏幕中),而不是 uri,感觉很奇怪(我使用 Glide 来呈现图像)。
最重要的是,这两种解决方案都需要上下文。我认为压缩是一个应该属于后端(或 Repository 类。在我的例子中是 Storage 对象)的过程,所以他们感觉有点不对。
有人可以分享这个微不足道的用例的完整工作示例吗?
解决方法
使用它可能会有所帮助: 通过传递 compressAndSetImage(data.data)
从 onActivityResult 调用 compressAndSetImagefun compressAndSetImage(result: Uri){
val job = Job()
val uiScope = CoroutineScope(Dispatchers.IO + job)
val fileUri = getFilePathFromUri(result,context!!)
uiScope.launch {
val compressedImageFile = Compressor.compress(context!!,File(fileUri.path)){
quality(50) // combine with compressor constraint
format(Bitmap.CompressFormat.JPEG)
}
resultUri = Uri.fromFile(compressedImageFile)
activity!!.runOnUiThread {
resultUri?.let {
//set image here
}
}
}
}
要解决此问题,我必须先将此路径转换为真实路径,然后才能以这种方式解决此问题。 首先这是要在 build.gradle (app) 中添加的依赖项: //图片压缩依赖
implementation 'id.zelory:compressor:3.0.0'
//将uri路径转换为真实路径
@Throws(IOException::class)
fun getFilePathFromUri(uri: Uri?,context: Context?): Uri? {
val fileName: String? = getFileName(uri,context)
val file = File(context?.externalCacheDir,fileName)
file.createNewFile()
FileOutputStream(file).use { outputStream ->
context?.contentResolver?.openInputStream(uri).use { inputStream ->
copyFile(inputStream,outputStream)
outputStream.flush()
}
}
return Uri.fromFile(file)
}
@Throws(IOException::class)
private fun copyFile(`in`: InputStream?,out: OutputStream) {
val buffer = ByteArray(1024)
var read: Int? = null
while (`in`?.read(buffer).also({ read = it!! }) != -1) {
read?.let { out.write(buffer,it) }
}
}//copyFile ends
fun getFileName(uri: Uri?,context: Context?): String? {
var fileName: String? = getFileNameFromCursor(uri,context)
if (fileName == null) {
val fileExtension: String? = getFileExtension(uri,context)
fileName = "temp_file" + if (fileExtension != null) ".$fileExtension" else ""
} else if (!fileName.contains(".")) {
val fileExtension: String? = getFileExtension(uri,context)
fileName = "$fileName.$fileExtension"
}
return fileName
}
fun getFileExtension(uri: Uri?,context: Context?): String? {
val fileType: String? = context?.contentResolver?.getType(uri)
return MimeTypeMap.getSingleton().getExtensionFromMimeType(fileType)
}
fun getFileNameFromCursor(uri: Uri?,context: Context?): String? {
val fileCursor: Cursor? = context?.contentResolver
?.query(uri,arrayOf<String>(OpenableColumns.DISPLAY_NAME),null,null)
var fileName: String? = null
if (fileCursor != null && fileCursor.moveToFirst()) {
val cIndex: Int = fileCursor.getColumnIndex(OpenableColumns.DISPLAY_NAME)
if (cIndex != -1) {
fileName = fileCursor.getString(cIndex)
}
}
return fileName
}
,
流程应该是:
-
用户选择图像并将其显示在
ImageView
中(scaleTyle 应为 centerCrop)。 -
用户点击保存按钮,我们开始上传图片
bytes
,如下所示:val uploadTask = profilePicturesReference.putBytes(getImageBytes()) private fun getImageBytes(): ByteArray { val bitmap = Bitmap.createBitmap(my_profile_imageView.width,my_profile_imageView.height,Bitmap.Config.ARGB_8888) val canvas = Canvas(bitmap) my_profile_imageView.draw(canvas) val outputStream = ByteArrayOutputStream() bitmap.compress(Bitmap.CompressFormat.PNG,100,outputStream) //here,100 is the quality in % return outputStream.toByteArray() }
演示:https://www.youtube.com/watch?v=iTXCn3NVqDM
将原始大小的图像上传到 Firebase 存储:
val uploadTask = profilePicturesReference.putFile(fileUri)
,
我能想到的最佳解决方案是:
片段:
override fun onActivityResult(requestCode: Int,resultCode: Int,data: Intent?) {
super.onActivityResult(requestCode,resultCode,data)
when (requestCode) {
RC_PICK_IMAGE ->
if (resultCode == Activity.RESULT_OK)
data?.data?.let { uri ->
context?.let {
viewModel.updateUserPicture(uriToCompressedBitmap(it,uri))
}
}
}
}
fun uriToCompressedBitmap(context: Context,uri: Uri): ByteArray {
val pfd = context.contentResolver.openFileDescriptor(uri,"r")
val bitmap =
BitmapFactory.decodeFileDescriptor(pfd?.fileDescriptor,null)
val baos = ByteArrayOutputStream()
bitmap.compress(Bitmap.CompressFormat.JPEG,75,baos)
return baos.toByteArray()
}
(当然:Uri
和 updateUserPicture
的 uploadFile
参数更改为 ByteArray
,对 putFile
的调用更改为 {{ 1}})
这个link对我很有帮助。
我真的不喜欢在整个应用程序中使用位图而不是 uri,但这是迄今为止对我最有效的方法。如果有人有更好的解决方案,请分享:)
编辑:
此解决方案会丢失元数据,如所描述的 here。它当然是可以解决的(here),但我认为因为元数据字段可以在 android 版本之间改变,所以 Hascher7 的解决方案 above 更健壮。