Dans un an…

Android : uploader une image sur un serveur web

Une petite Mise à jour : pour écrire l’image pour envoi : utilisation de Bitmap.compress !
Ultra plus rapide !!!!

Un petit tuto pour apprendre à uploader une image (jpg ou autre) depuis votre application android vers un serveur web.
Pour ce genre de tâche qui peut être longue, Android conseille d’implémenter un Service plutôt qu’une activité : un service tourne en tâche de fond et ne bloque pas l’application.

Pour ce tuto :

• créez une nouvelle application TutoUpload et une classe TutoUpload.
• créez ensuite une deuxième classe HttpUploader
• n’oubliez pas de déclarer ces classes dans le Manifest et d’ajouter la permission internet pour l’application
• créez le fichier main.xml pour la layout de la classe TutoUpload

Le code de la classe TutoUpload :

package com.test.upload;

import java.io.File;

import android.app.Activity;
import android.content.Intent;
import android.net.Uri;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
public class TutoUpload extends Activity {

	protected Uri image=null; //acces au fichier via contentResolver
	File fichier; //le fichier à uploader

    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        //un bouton pour envoi du fichier vers le serveur
        final Button validbutton = (Button) findViewById(R.id.send);
		validbutton.setOnClickListener(send_listener);
    }

	//pour valider tout pour envoi vers site web
	OnClickListener send_listener = new OnClickListener() {
		public void onClick(View v) {

			image = Uri.fromFile(fichier);
			Intent uploadIntent = new Intent( );
			uploadIntent.setClassName("com.test.upload", "com.test.upload.HttpUploader");
			uploadIntent.setData(image);
			startService(uploadIntent);
		}
	};

	@Override
	protected void onPause() {
		super.onPause();
	}

	@Override
	protected void onStop() {
		Log.i(getClass().getSimpleName(),"on stop");
		super.onStop();
	}

	@Override
	protected void onDestroy() {
		super.onDestroy();
	}
}

Le code du service HttpUploader

package com.test.upload;

import java.io.BufferedReader;
import java.io.DataOutputStream;
import java.io.FileNotFoundException;
import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.net.HttpURLConnection;
import java.net.MalformedURLException;
import java.net.URL;

import android.app.Service;
import android.content.ContentResolver;
import android.content.Intent;
import android.provider.MediaStore;
import android.database.Cursor;
import android.net.Uri;
import android.os.Handler;
import android.os.HandlerThread;
import android.os.IBinder;
import android.os.Looper;
import android.os.Message;
import android.util.Log;
import android.widget.Toast;

public class HttpUploader extends Service {

	private Intent mInvokeIntent;
	private volatile Looper mUploadLooper;
	private volatile ServiceHandler mUploadHandler;

	private int check = 0;

	private final class ServiceHandler extends Handler {
		public ServiceHandler(Looper looper) {
			super(looper);
		}

		@Override
		public void handleMessage(Message msg) {
			//get extra datas
			Uri selectedImg = (Uri)msg.obj;
			Log.i(getClass().getSimpleName(),"selectedImg =" + selectedImg);

			//upload the file to the web server
			doHttpUpload(selectedImg);

			Log.i(getClass().getSimpleName(), "Message: " + msg);
			Log.i(getClass().getSimpleName(), "Done with #" + msg.arg1);
			stopSelf(msg.arg1);
		}
	};

	// Method called when (an instance of) the Service is created
	public void onCreate() {
		Log.i(getClass().getSimpleName(),"HttpUploader on create");

		// This is who should be launched if the user selects our persistent
		// notification.
		mInvokeIntent = new Intent();
		mInvokeIntent.setClassName("com.test.upload", "com.test.upload.HttpUploader");

		// Start up the thread running the service.  Note that we create a
		// separate thread because the service normally runs in the process's
		// main thread, which we don't want to block.
		HandlerThread thread = new HandlerThread("HttpUploader");
		thread.start();

		mUploadLooper = thread.getLooper();
		mUploadHandler = new ServiceHandler(mUploadLooper);
	}

	public void onStart(Intent uploadintent, int startId) {
		// recup des data pour envoi via msg dans la msgqueue pour traitement
		Message msg = mUploadHandler.obtainMessage();
		msg.arg1 = startId;
		//on place l'uri reçu dans l'intent dans le msg pour le handler
		msg.obj = uploadintent.getData();
		mUploadHandler.sendMessage(msg);
		Log.d(getClass().getSimpleName(), "Sending: " + msg);

	}

	public void doHttpUpload(Uri myImage) {
		String lineEnd = "\r\n";
		String twoHyphens = "--";
		String boundary = "*****";
		String photofile = null;
		String httpResponse; //to read http response
		String filename=null;

	        String urlString = "http://www.site.com/fileUpload.php";
		HttpURLConnection conn = null;

		InputStream fis = null;
		Bitmap mBitmap=null;
		String pathfile;

		if (myImage != null) {
			//on récupère le nom du fichier photo construit avec date et heure
			filename = "photo.jpg";

			String[] projection = { MediaStore.Images.ImageColumns.DATA, MediaStore.Images.ImageColumns.DISPLAY_NAME};
			ContentResolver cr = getContentResolver();
			Cursor c = cr.query(myImage, projection, null, null, null);
			if (c!=null && c.moveToFirst()) {
				pathfile = c.getString(0); //column0Value
				photofile = c.getString(1);     //column1Value
				Log.i(getClass().getSimpleName(),"Data : " +pathfile);
				Log.i(getClass().getSimpleName(),"Display name : " + photofile);
			}

			try {
				fis = getContentResolver().openInputStream(myImage);
				mBitmap = BitmapFactory.decodeStream(fis);

				try {
					int bytesAvailable = fis.available();
				} catch (IOException e) {
					// TODO Auto-generated catch block
					e.printStackTrace();
					Log.i(getClass().getSimpleName(),"échec de lecture de la photo");
					stopSelf();
				}
			} catch (FileNotFoundException e) {
				e.printStackTrace();
				Toast.makeText(HttpUploader.this, "échec de lecture de la photo ", Toast.LENGTH_SHORT).show();
				Log.i(getClass().getSimpleName(),"échec de lecture de la photo");
				stopSelf();
			} 

		} else Log.i(getClass().getSimpleName(),"myImage is null");

		try {
			URL site = new URL(urlString);
			conn = (HttpURLConnection) site.openConnection();

			//on peut écrire et lire
			conn.setDoOutput(true);
			conn.setDoInput(true);

			// Use a post method.
			conn.setRequestMethod("POST");
			conn.setRequestProperty("Connection", "Keep-Alive");
			conn.setRequestProperty("Content-Type", "multipart/form-data;boundary="+boundary);

			DataOutputStream dos = new DataOutputStream( conn.getOutputStream() );

			dos.writeBytes(twoHyphens + boundary + lineEnd);
			Log.i(getClass().getSimpleName(),"Display name : " + photofile);
			Log.i(getClass().getSimpleName(),"Filename : " + filename);
			dos.writeBytes("Content-Disposition: form-data; name=\"uploadedfile\";filename=\"" + filename + "\"" + lineEnd);
			dos.writeBytes(lineEnd);

			Log.i(getClass().getSimpleName(),"Headers are written");

                       //compression de image pour envoi
			mBitmap.compress(CompressFormat.JPEG, 75, dos);

			// send multipart form data necesssary after file data...
			dos.writeBytes(lineEnd);
			dos.writeBytes(twoHyphens + boundary + twoHyphens + lineEnd);

			// close streams
			fis.close();
			dos.flush();
			dos.close();
			Log.e("fileUpload","File is written on the queue");

		} catch (MalformedURLException e) {
			e.printStackTrace();
			Toast.makeText(HttpUploader.this, "échec de connexion au site web ", Toast.LENGTH_SHORT).show();
			Log.i(getClass().getSimpleName(),"échec de connexion au site web 1");
		} catch (IOException e) {
			e.printStackTrace();
			Toast.makeText(HttpUploader.this, "échec de connexion au site web ", Toast.LENGTH_SHORT).show();
			Log.i(getClass().getSimpleName(),"échec de connexion au site web 2");
		} 

		//lecture de la réponse http
		try {
			BufferedReader rd = new BufferedReader(new InputStreamReader(conn.getInputStream()));
			Log.i(getClass().getSimpleName(),"try HTTP reponse");
			while ((httpResponse = rd.readLine()) != null) {
				Log.i(getClass().getSimpleName(),"HTTP reponse= " + httpResponse);
				if(httpResponse.contains("error")) {
					//there is a http error
					check += 1;
				}
			}
			rd.close();
		} catch (IOException ioex){
			Log.e("HttpUploader", "error: " + ioex.getMessage(), ioex);
			ioex.printStackTrace();
			Toast.makeText(HttpUploader.this, "échec de lecture de la réponse du site web ", Toast.LENGTH_SHORT).show();
			Log.i(getClass().getSimpleName(),"échec de lecture de la réponse du site web");
		}

	}

	// Method called when the (instance of) the Service is requested to terminate
	public void onDestroy() {
		mUploadLooper.quit();

		if(check == 0) { //http response contains no error
			Toast.makeText(HttpUploader.this, "photo envoyée", Toast.LENGTH_SHORT).show();
		} else {
			Toast.makeText(HttpUploader.this, "échec d'envoi de la photo", Toast.LENGTH_SHORT).show();
		}
		super.onDestroy();
	}

	@Override
	public IBinder onBind(Intent intent) {
		return null;
	}
}

Le fichier de layout main.xml :

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >

<TextView
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="@string/hello"
    />

    <Button
   		android:id="@+id/send"
   		android:layout_width="wrap_content"
   		android:layout_height="wrap_content"
   		android:layout_marginTop="10px"
 		android:text="Envoi" />
</LinearLayout>

A vous de jouer !