web-dev-qa-db-ja.com

Google Volleyを使用して画像をアップロードする

私が開発しているアプリケーションからサーバーに画像をアップロードする必要があります。GoogleVolleyを使用して画像をロードするためのマルチパートリクエストを開発する方法を知りたいのですが。

ありがとう

androidandroid-volley
9
BigNick

Google Volleyで画像をアップロードする例があります。見てください：

package net.colaborativa.exampleapp.api;

import Java.io.ByteArrayOutputStream;
import Java.io.File;
import Java.io.IOException;
import Java.nio.charset.Charset;
import Java.util.Collections;
import Java.util.HashMap;
import Java.util.Map;

import org.Apache.http.entity.ContentType;
import org.Apache.http.entity.mime.HttpMultipartMode;
import org.Apache.http.entity.mime.MultipartEntityBuilder;

import com.Android.volley.AuthFailureError;
import com.Android.volley.NetworkResponse;
import com.Android.volley.Request;
import com.Android.volley.Response;
import com.Android.volley.Response.ErrorListener;
import com.Android.volley.Response.Listener;
import com.Android.volley.VolleyLog;
import com.Android.volley.toolbox.HttpHeaderParser;

public class PhotoMultipartRequest<T> extends Request<T> {


private static final String FILE_PART_NAME = "file";

private MultipartEntityBuilder mBuilder = MultipartEntityBuilder.create();
private final Response.Listener<T> mListener;
private final File mImageFile;
protected Map<String, String> headers;

public PhotoMultipartRequest(String url, ErrorListener errorListener, Listener<T> listener, File imageFile){
    super(Method.POST, url, errorListener);

    mListener = listener;
    mImageFile = imageFile;

    buildMultipartEntity();
}

@Override
public Map<String, String> getHeaders() throws AuthFailureError {
    Map<String, String> headers = super.getHeaders();

    if (headers == null
            || headers.equals(Collections.emptyMap())) {
        headers = new HashMap<String, String>();
    }

    headers.put("Accept", "application/json");

    return headers;
}

private void buildMultipartEntity(){
    mBuilder.addBinaryBody(FILE_PART_NAME, mImageFile, ContentType.create("image/jpeg"), mImageFile.getName());
    mBuilder.setMode(HttpMultipartMode.BROWSER_COMPATIBLE);
    mBuilder.setLaxMode().setBoundary("xx").setCharset(Charset.forName("UTF-8"));
}

@Override
public String getBodyContentType(){
    String contentTypeHeader = mBuilder.build().getContentType().getValue();
    return contentTypeHeader;
}

@Override
public byte[] getBody() throws AuthFailureError{
    ByteArrayOutputStream bos = new ByteArrayOutputStream();
    try {
        mBuilder.build().writeTo(bos);
    } catch (IOException e) {
        VolleyLog.e("IOException writing to ByteArrayOutputStream bos, building the multipart request.");
    }

    return bos.toByteArray();
}

@Override
protected Response<T> parseNetworkResponse(NetworkResponse response) {
    T result = null;
    return Response.success(result, HttpHeaderParser.parseCacheHeaders(response));
}

@Override
protected void deliverResponse(T response) {
    mListener.onResponse(response);
}
}

そして、あなたはこのようにそれを使うことができます：

RequestQueue mQueue = Volley.newRequestQueue(context);
PhotoMultipartRequest imageUploadReq = new PhotoMultipartRequest(url, ErrorListener, Listener, imageFile);
mQueue.add(imageUploadReq);

これらのコードがあなたに刺激を与えることを願っています。

14
SilentKnight

@ silverknight の回答は機能しますが、httpcomponentsの依存関係を解決するためにbuild.gradleに以下を追加する必要もありました。

Android {

    ...

    // have to exclude these otherwise you'll get:
    // Error:Gradle: Execution failed for task: ... com.Android.builder.packaging.DuplicateFileException: ...
    packagingOptions {
        exclude 'META-INF/NOTICE'
        exclude 'META-INF/LICENSE'
        exclude 'META-INF/DEPENDENCIES'
    }
}    

dependencies {

    ...

    compile 'com.Android.volley:volley:1.0.0'
    compile('org.Apache.httpcomponents:httpmime:4.3.6') {
        exclude module: 'httpclient'
    }
    compile 'org.Apache.httpcomponents:httpclient-Android:4.3.5.1'
}

注：org.Apache.httpcomponents：httpclientは使用しないでください

標準バージョンの 'org.Apache.httpcomponents:httpclient:4.5.2' は使用しないでください。

あなたがしようとすると：

Android {

    ...

}

dependencies {

    ...

    compile 'com.Android.volley:volley:1.0.0'
    compile 'org.Apache.httpcomponents:httpcore:4.4.4'
    compile 'org.Apache.httpcomponents:httpmime:4.5.2'
    compile('org.Apache.httpcomponents:httpclient:4.5.2'
}

あなたは得るでしょう：

Java.lang.NoSuchFieldError: No static field INSTANCE of type Lorg/Apache/http/message/BasicHeaderValueFormatter; in class Lorg/Apache/http/message/BasicHeaderValueFormatter; or its superclasses (declaration of 'org.Apache.http.message.BasicHeaderValueFormatter' appears in /system/framework/ext.jar)

または既存のコメントに似たもの [1][2][3] 。

むしろ、Android httpclientのポートとして this SO answer のように使用する必要があります

注：org.Apache.httpcomponents：httpmime：4.3.6を使用してください

あなたはorg.Apache.httpcomponents:httpmime:4.3.6を使用する必要があります。バージョン4.3.x以上にはできません。たとえば、執筆時点では 4.5.2 であるhttpmimeの最新バージョンを使用したくなるかもしれません。

Android {

    ...

}

dependencies {

    ...

    compile('org.Apache.httpcomponents:httpmime:4.5.2') {
        exclude module: 'httpclient'
    }
    compile 'org.Apache.httpcomponents:httpclient-Android:4.3.5.1'

この構成では、PhotoMultipartRequestを呼び出すと次のようになります。

Java.lang.NoSuchMethodError: No static method create(Ljava/lang/String;[Lorg/Apache/http/NameValuePair;)Lorg/Apache/http/entity/ContentType; in class Lorg/Apache/http/entity/ContentType; or its super classes (declaration of 'org.Apache.http.entity.ContentType' appears in /xxx/base.apk)
5
Donovan Muller

このクラスを https://Gist.github.com/ishitcno1/11394069 からコピーしました==使い方を紹介します。私の場合はうまくいきました。このクラスをコピーします。必要な変更を行います。

package com.tagero.watchfriend;

import Java.io.ByteArrayOutputStream;
import Java.io.File;

import Java.io.IOException;

import org.Apache.http.HttpEntity;
import org.Apache.http.entity.mime.MultipartEntityBuilder;
import org.Apache.http.entity.mime.content.FileBody;

import Android.util.Log;

import com.Android.volley.AuthFailureError;
import com.Android.volley.NetworkResponse;
import com.Android.volley.Request;
import com.Android.volley.Response;
import com.Android.volley.VolleyLog;

public class PhotoMultipartRequest extends Request<String> {
static final String TAG = "xxxxxx";

public static final String KEY_PICTURE = "kullanici_resmi";
public static final String KEY_PICTURE_NAME = "kullanici_resmi_dosya_adi";

private HttpEntity mHttpEntity;

@SuppressWarnings("rawtypes")
private Response.Listener mListener;

public PhotoMultipartRequest(String url, String filePath,
        Response.Listener<String> listener,
        Response.ErrorListener errorListener) {
    super(Method.POST, url, errorListener);

    mListener = listener;
    mHttpEntity = buildMultipartEntity(filePath);
}

public PhotoMultipartRequest(String url, File file,
        Response.Listener<String> listener,
        Response.ErrorListener errorListener) {
    super(Method.POST, url, errorListener);

    mListener = listener;
    mHttpEntity = buildMultipartEntity(file);
}

private HttpEntity buildMultipartEntity(String filePath) {
    File file = new File(filePath);
    return buildMultipartEntity(file);
}

private HttpEntity buildMultipartEntity(File file) {
    MultipartEntityBuilder builder = MultipartEntityBuilder.create();
    String fileName = file.getName();
    logYazdir("fileName : " + fileName);
    FileBody fileBody = new FileBody(file);
    builder.addPart(KEY_PICTURE, fileBody);
    builder.addTextBody(KEY_PICTURE_NAME, fileName);
    return builder.build();
}

@Override
public String getBodyContentType() {
    return mHttpEntity.getContentType().getValue();
}

@Override
public byte[] getBody() throws AuthFailureError {
    ByteArrayOutputStream bos = new ByteArrayOutputStream();
    try {
        mHttpEntity.writeTo(bos);
    } catch (IOException e) {
        VolleyLog.e("IOException writing to ByteArrayOutputStream");
    }
    return bos.toByteArray();
}

@Override
protected Response<String> parseNetworkResponse(NetworkResponse response) {
    return Response.success("Uploaded", getCacheEntry());
}

@SuppressWarnings("unchecked")
@Override
protected void deliverResponse(String response) {
    mListener.onResponse(response);
}

private void logYazdir(String str) {
    if (Sabitler.LOG_KONTROL) {
        Log.d(TAG, str);
    }
}
}

これが画像をアップロードする方法です。

    public void resimYukle(final String filePath) {
    logYazdir("KaydolActivity-uploadImage çağırıldı!");
    logYazdir("\nfilePath : " + filePath);
    RequestQueue rq = Volley.newRequestQueue(this);
    PhotoMultipartRequest stringRequest = new PhotoMultipartRequest(
            Sabitler.URL_RESIM_YUKLE, filePath,
            new Response.Listener<String>() {
                @Override
                public void onResponse(String response) {
                    logYazdir("response : " + response);
                    JSONObject veri_json;
                    try {
                        veri_json = new JSONObject(response);

                        int success = 0;
                        String message = "";
                        try {
                            success = veri_json
                                    .getInt(Sabitler.SERVER_RESP_SUCCESS);
                            message = veri_json
                                    .getString(Sabitler.SERVER_RESP_MESSAGE);
                            Log.d(TAG, "success : " + success
                                    + "\nmessage : " + message);
                        } catch (JSONException e) {
                            e.printStackTrace();
                        }
                    } catch (JSONException e) {
                        e.printStackTrace();
                    }
                }

            }, new Response.ErrorListener() {
                @Override
                public void onErrorResponse(VolleyError error) {
                    logYazdir("Error [" + error + "]");
                    Toast.makeText(getBaseContext(),
                            "Sunucuya bağlanılamadı!", Toast.LENGTH_LONG)
                            .show();
                }
            }) {
        @Override
        protected Map<String, String> getParams() {
            Map<String, String> params = new HashMap<String, String>();

            params.put("kullanici_resmi_dosya_adi", "");

            return params;

        }

    };

    rq.add(stringRequest);
}

どのように取得しますfilePath

@Override
    protected void onActivityResult(int requestCode, int resultCode, Intent      
                                        data) {
        logYazdir("KaydolActivity-onActivityResult çağırıldı!");
        if (requestCode == GALERIDEN_RESIM && resultCode == RESULT_OK
                && data != null) {
            logYazdir("KaydolActivity-GALERIDEN_RESIM çağırıldı!");
            Uri selectedImage = data.getData();
            String[] filePathColumn = { MediaStore.Images.Media.DATA };

            Cursor cursor = getContentResolver().query(selectedImage,
                    filePathColumn, null, null, null);
            cursor.moveToFirst();

            int columnIndex = cursor.getColumnIndex(filePathColumn[0]);
            String picturePath = cursor.getString(columnIndex);
            cursor.close();

            Bitmap bmp = null;
            try {
                bmp = getBitmapFromUri(selectedImage);
            } catch (IOException e) {
                e.printStackTrace();
            }
            kullanici_resmi_iview.setImageBitmap(bmp);

            resimYukle(picturePath);

        }
        super.onActivityResult(requestCode, resultCode, data);

    }

最後に、これをアクティビティで定義します。

private int GALERIDEN_RESIM = 2;

重要な部分、これはPHPサーバーのコードです。

<?php
$target_dir = "resimler/";
$target_file = $target_dir . basename($_FILES["kullanici_resmi"]["name"]);
$uploadOk = 1;
$imageFileType = pathinfo($target_file,PATHINFO_EXTENSION);
// Check if image file is a actual image or fake image
if(isset($_POST["kullanici_resmi_dosya_adi"])) {
    $check = getimagesize($_FILES["kullanici_resmi"]["tmp_name"]);
    if($check !== false) {

        $response["success"] = 1;
        $response["message"] = "File is an image - " . $check["mime"] . ".";
        echo json_encode($response);

        $uploadOk = 1;
    } else {
        $response["success"] = 0;
        $response["message"] = "File is not an image.";
        echo json_encode($response);

        $uploadOk = 0;
    }
}
// Check if file already exists
if (file_exists($target_file)) {
    $response["success"] = 0;
    $response["message"] = "Sorry, file already exists.";
    echo json_encode($response);

    $uploadOk = 0;
}
// Check file size
if ($_FILES["kullanici_resmi"]["size"] > 750000) {
    $response["success"] = 0;
    $response["message"] =  "Sorry, your file is too large.";
    echo json_encode($response);

    $uploadOk = 0;
}
// Allow certain file formats
if($imageFileType != "jpg" && $imageFileType != "png" && $imageFileType != "jpeg"
&& $imageFileType != "gif" ) {
    $response["success"] = 0;
    $response["message"] =  "Sorry, only JPG, JPEG, PNG & GIF files are allowed.";
    echo json_encode($response);

    $uploadOk = 0;
}
// Check if $uploadOk is set to 0 by an error
if ($uploadOk == 0) {
    $response["success"] = 0;
    $response["message"] =  "Sorry, your file was not uploaded.";
    echo json_encode($response);
// if everything is ok, try to upload file
} else {
    if (move_uploaded_file($_FILES["kullanici_resmi"]["tmp_name"], $target_file)) {
        $response["success"] = 0;
        $response["message"] =  "The file ". basename( $_FILES["kullanici_resmi"]["name"]). " has been uploaded.";
        echo json_encode($response);
    } else {
        $response["success"] = 0;
        $response["message"] =  "Sorry, there was an error uploading your file.";
        echo json_encode($response);
    }
}
?>

この方法でファイルを送信してください。

private HttpEntity buildMultipartEntity(File file) {
    MultipartEntityBuilder builder = MultipartEntityBuilder.create();
    String fileName = file.getName();
    logYazdir("fileName : " + fileName);
    FileBody fileBody = new FileBody(file);
    builder.addPart(KEY_PICTURE, fileBody);
    builder.addTextBody(KEY_PICTURE_NAME, fileName);
    return builder.build();
}

これに注意してください

public static final String KEY_PICTURE = "kullanici_resmi";

kullanici_resmi

PHPコードで使用され、画像ファイルを示します。この方法で、任意のファイルを送信できます。説明が不十分なため申し訳ありませんが、すべてを説明しようとしました。

1
resw67