将图像从 Android 上传到仅接受 JPEG 和 PNG 的服务器

Question

MediaStore.Images.Media.Data is deprecated so I tried using byte array, but my server throws an error that it accepts only file types of jpeg and png. I have read @commonsware's answers a couple of times from other questions but I can't seem to get it right. How do I get the file type and also the image so it can be attached to my network call? Thanks in advance

override fun onActivityResult(requestCode: Int, resultCode: Int, data: Intent?) {
        if (resultCode == RESULT_OK && requestCode == PROFILE_REQUEST_CODE) {
            val uri = data?.data
            createImageData(uri)
            profile_image.setImageURI(data?.data)
        }
    }
 private fun createImageData(uri: Uri?) {
        val inputStream = activity?.contentResolver?.openInputStream(uri!!)
        processImage(inputStream)
    }

    private fun processImage(inputStream: InputStream?) {
        imageData = inputStream?.readBytes()
        bitmap = BitmapFactory.decodeStream(inputStream)
        val imageBody: RequestBody = RequestBody.create(MediaType.parse("multipart/form-data"), imageData!!)
        val image: MultipartBody.Part = MultipartBody.Part.createFormData("image", "user", imageBody)
        uploadImage(image)
    }

    private fun uploadImage(image: MultipartBody.Part) {
        val user = appPreferences?.getUser()
        val userToken = user?.jwt_token
        val token = "Bearer $userToken"
        val headers = HashMap<String, String>()

        //headers["Authorization"] = token
        val uploadResponseCall: Call<ProfileImageResponse> = client.getApi().upload(token, image)
        uploadResponseCall.enqueue(object : retrofit2.Callback<ProfileImageResponse> {
            override fun onResponse(call: Call<ProfileImageResponse>, response: Response<ProfileImageResponse>) {
                val imageResponse = response.body()
                val resCode = imageResponse?.statuscode
                val msg = imageResponse?.message
                if (resCode == 200) {
                    appUtils.showSnackBar(requireActivity().applicationContext, profile_frame, msg!!)
                } else {
                    appUtils.showSnackBar(requireActivity().applicationContext, profile_frame, "wrong file type")
                }
            }

            override fun onFailure(call: Call<ProfileImageResponse>, t: Throwable) {
                if (t is IOException) {
                    call.cancel()
                    Log.d("profilefragment", "issue")
                    appUtils.showSnackBar(requireActivity().applicationContext, profile_frame, "server error")
                }
            }
        })

    }

Answer 1

Try to add an appropriate Content-Type header. image/png or image/jpg should fit. Also, it possibly, should not be the multipart request. So you'll need such kind of request.

private fun processImage(inputStream: InputStream?) {
        imageData = inputStream?.readBytes()
        bitmap = BitmapFactory.decodeStream(inputStream)
        val imageBody: RequestBody = imageData!.toRequestBody() 
        uploadImage(imageBody)
}

or if it's really should be multipart/form-data, you should correctly set mime type for the image part like this:

 private fun processImage(inputStream: InputStream?) {
        imageData = inputStream?.readBytes()
        bitmap = BitmapFactory.decodeStream(inputStream)
        val imageBody: RequestBody = RequestBody.create(MediaType.parse("image/png"), imageData!!)
        val image: MultipartBody.Part = MultipartBody.Part.createFormData("image", "user", imageBody)
        uploadImage(image)
}

Answer 2

Here is example

  @Multipart
    @POST(ApiConstants.SIGNUP)
    fun signUp(
        @Query("first_name") firstName: String,
        @Query("last_name") lastName: String,
        @Query("email") email: String,
        @Query("password") password: String,
        @Query("gender") gender: String,
        @Query("phone_code") phoneCode: String,
        @Query("phone_no") phoneNo: String,
        @Part("id_card_front\"; filename=\"pp.png") id_card_front: RequestBody?
) :  Observable<SignUpModel>

Here is usage

var image = RequestBody.create(
                MediaType.parse("image/*"),
                getFileFromBitmap((imageview.drawable as BitmapDrawable).bitmap, 13)
            )
    disposable = retroClient.signUp(
                fname,
                lname,
                email,
                password,
                gender,
                phoneCode,
                phone,
                image,

            )
                .subscribeOn(Schedulers.io())
                .observeOn(AndroidSchedulers.mainThread())
                .subscribe({ result ->
                    Log.d("response", result.toString())

                }, { error ->

                    Log.e("error", error.toString())
                })

the method is used to get file from bitmap

 fun getFileFromBitmap(bitmap: Bitmap, index: Int): File {
        val f = File(cacheDir, "something+$index")
        f.createNewFile()
        val bitmap = bitmap
        bitmap
        val bos = ByteArrayOutputStream()
        bitmap.compress(Bitmap.CompressFormat.PNG, 25 /*ignored for PNG*/, bos)
        val bitmapdata = bos.toByteArray()
        val fos = FileOutputStream(f)
        fos.write(bitmapdata)
        fos.flush()
        fos.close()

        return f
    }