AndroidでOkHttpを使って自前サーバに画像をPOSTする方法

Question

タイトルの通り， 自前のサーバ(node.js)にAndroidの端末からPOSTする方法についてです． Android5.0.2の実機でデバッグしています．
以下にコードを載せますが，errorはMainActivity.javaの中で ERROR!!とコメントアウトしてる部分に java.io.FileNotFoundException: /storage/emulated/0/(ファイル名).jpg: open failed: EACCES (Permission denied) と出ます．

file = new File(mImagePath) の手前のImageViewには画像がセットされるので， 画像までのPathは間違っていないと思います．

よろしくお願いします．

MainActivity.java

protected void onActivityResult(int requestCode, int resultCode, Intent data){
        if(data == null){return;}
        switch(requestCode){
            case UPLOAD_PIC_CODE:
                mImagePath = getPath(data.getData());// get image path
                mImageView.setImageURI(data.getData());// show the image
                file = new File(mImagePath);

                new AsyncTask<Void, Void, String>(){
                    @Override
                    protected String doInBackground(Void... ImagePath) {
                        String result = null;

                        RequestBody requestBody = new MultipartBody.Builder()
                                .setType(MultipartBody.FORM)
                                .addFormDataPart("upName", file.getName(), RequestBody.create(MediaType.parse("image/*"), file))
                                .build();

                        Request request = new Request.Builder()// ERROR!!
                                .url(POST_URL)
                                .post(requestBody)
                                .build();

                        try{
                            okhttp3.Response response = client.newCall(request).execute();
                            result = response.body().string();
                        } catch (IOException e) {
                            e.printStackTrace();
                        }

                        return result;
                    }
                }.execute();
                break;
        }// ERROR!!
    }


    public String getPath(Uri uri){
        String[] projection = {MediaStore.Images.Media.DATA};
        CursorLoader loader = new CursorLoader(getApplicationContext(), uri, projection, null, null, null);
        Cursor cursor = loader.loadInBackground();
        int column_index = cursor.getColumnIndex(MediaStore.Images.Media.DATA);
        cursor.moveToFirst();
        return cursor.getString(column_index);
    }

    @Override
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.upload_button:
                Intent intent = new Intent(Intent.ACTION_GET_CONTENT);
                intent.setType("image/*");
                startActivityForResult(intent, UPLOAD_PIC_CODE);
                break;
        }
    }

(function() {
    var express = require('express');
    var app = express();
    var mime = require('mime');
    var crypto = require('crypto');
    var multer = require('multer');

    // option
    var storage = multer.diskStorage({
        destination: function(req, file, cb) {
            cb(null, './uploads'); // absolute path
        },
        filename: function(req, file, cb) {
            var revName = file.originalname; // get original name
            var imageType = file.mimetype; // get image type
            var imageName = revName.split('.');// split .
            console.log('split after is ' + imageName[0]);
            console.log('split after is ' + imageName[1]);
            crypto.pseudoRandomBytes(16, function(err, raw) {
                // cb(null, raw.toString('hex') + imageName[0] + '.' + mime.extension(file.mimetype));
                cb(null, imageName[0] + '.' + mime.extension(file.mimetype));
            });
        }
    });

    // set disk storage
    var upload = multer({
        storage: storage
    });

    app.post('/upload', upload.single('upName'), function(req, res) {
        // call option
        console.log('-----post function------');
        console.log(`originalname: ${req.file.originalname}`);
        console.log(`path: ${req.file.path}`);
        //res.send(JSON.stringify(req.file));
        res.json({'response': 'Get!'});
        //console.log('-----req-----');
        console.log(req.file);
    });

    app.get('/', function(req,res){
        res.end('node file upload');
    });


    app.use('/', express.static('.'));
    app.listen(3000);
    console.log('http://localhost:3000 is generated.');
})();

AndroidManifest.xml

<uses-permission android:name="android.permission.INTERNET"/>
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

Comments

[dsuzuki]

パーミッション設定を確認するため、AndroidManifest.xmlの追記をお願いします。

[退会済みユーザー]

追加しました．ご指摘ありがとうございます

[amay077]

例えば 「 file = new File(mImagePath);」以降の処理を行わない（コメントアウトする）と、画面（mImageView）に目的の画像が表示されるのでしょうか？ このように「○○までは期待通り動いている」という情報があると、回答が得られやすいと思います。

[退会済みユーザー]

なるほど．ありがとうございます．修正します

Answer 1

mImageView.setImageURI(data.getData()) は成功していることから、 ストレージへのアクセス権限(READ_EXTERNAL_STORAGE)は正しく機能していると考えられます。

一方で、 FileNotFoundException... Permission denied が発生するということは、getPath(data.getData()) で得られるファイルパスに何らかの原因があると思います。

data.getData() は URI を返しますが、URI は常に「ファイルパス」を含むとは限りません。

画像の取得に ACTION_GET_CONTENT によるコンテントプロバイダを使用していますが、この場合も同じく「ファイルパス」を返さない場合があります。

• ギャラリーからの画像読み込みでエラーが出るときの修正方法 | Workpiles

によると、

content://com.android.providers.media.documents/documents/image:234

のようなデータを返す場合がある模様です。

data.getData() や getPath(…) の実際のデータを文字列で出力して確認してみてください。
あるいは、 file = new File(mImagePath); の後で、 file.exists() は true を返しているか確認してみてください。

「ファイルパス」でない場合は、

• Android Gallery on KitKat returns different Uri for Intent.ACTION_GET_CONTENT - Stack Overflow

の方法で、「ファイルパス」が取得できるようですので、合わせて確認してみてください。

mImageView.setImageURI(data.getData()) が正常に動作するのは、このメソッドが、「ファイルパス」以外の URI も正しく処理する機能を持っているからと思います。

Answer 2

Androidアプリの実行環境は、エミュレータでしょうか。
エミュレータの「設定」-「アプリ」で該当のアプリの「許可」項目を確認して下さい。
ストレージの項目がOffになっていないでしょうか。
パーミッションの設定で項目が追加され、エミュレータの設定から許可をOnにすることで利用できるようになります。

Comments

[退会済みユーザー]

実行環境は実機のAndroid 5.0.2ですね．その項目があるか確認してみます