使用PhpMysql实现图片文件上传下载

<?xmlversion="1.0"encoding="utf-8"?>

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"

android:orientation="vertical"

android:layout_height="match_parent"android:paddingLeft="@dimen/activity_horizontal_margin"

android:paddingRight="@dimen/activity_horizontal_margin"

android:paddingTop="@dimen/activity_vertical_margin"

android:paddingBottom="@dimen/activity_vertical_margin"tools:context=".MainActivity">

<Button

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="选择图片文件"

android:id="@+id/buttonChoose"/>

<ImageView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_weight="1"

android:id="@+id/imageView"/>

<Button

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="上传图片"

android:id="@+id/buttonUpload"/>

<Button

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="查看上传的图片"

android:id="@+id/buttonViewImage"/>

</LinearLayout>

创建一个新类RequestHandler处理我们的http请求RequestHandler.java

packagecom.czg.com.uploadimageusingphpmysql;

importjava.io.BufferedReader;

importjava.io.BufferedWriter;

importjava.io.InputStreamReader;

importjava.io.OutputStream;

importjava.io.OutputStreamWriter;

importjava.io.UnsupportedEncodingException;

importjava.net.HttpURLConnection;

importjava.net.URL;

importjava.net.URLEncoder;

importjava.util.HashMap;

importjava.util.Map;

importjavax.net.ssl.HttpsURLConnection;

/**

*Createdbyczgon2016/1/12.

*/

publicclassRequestHandler{

publicStringsendPostRequest(StringrequestURL,

HashMap<String,String>postDataParams){

URLurl;

StringBuildersb=newStringBuilder();

try{

url=newURL(requestURL);

HttpURLConnectionconn=(HttpURLConnection)url.openConnection();

conn.setReadTimeout(15000);

conn.setConnectTimeout(15000);

conn.setRequestMethod("POST");

conn.setDoInput(true);

conn.setDoOutput(true);

OutputStreamos=conn.getOutputStream();

BufferedWriterwriter=newBufferedWriter(

newOutputStreamWriter(os,"UTF-8"));

writer.write(getPostDataString(postDataParams));

writer.flush();

writer.close();

os.close();

intresponseCode=conn.getResponseCode();

if(responseCode==HttpsURLConnection.HTTP_OK){

BufferedReaderbr=newBufferedReader(newInputStreamReader(conn.getInputStream()));

sb=newStringBuilder();

Stringresponse;

while((response=br.readLine())!=null){

sb.append(response);

}

}

}catch(Exceptione){

e.printStackTrace();

}

returnsb.toString();

}

privateStringgetPostDataString(HashMap<String,String>params)throwsUnsupportedEncodingException{

StringBuilderresult=newStringBuilder();

booleanfirst=true;

for(Map.Entry<String,String>entry:params.entrySet()){

if(first)

first=false;

else

result.append("&");

result.append(URLEncoder.encode(entry.getKey(),"UTF-8"));

result.append("=");

result.append(URLEncoder.encode(entry.getValue(),"UTF-8"));

}

returnresult.toString();

}

}

现在在MainActivity.java写下如下代码，是其完成上传功能

packagecom.czg.com.uploadimageusingphpmysql;

importandroid.app.ProgressDialog;

importandroid.content.Intent;

importandroid.graphics.Bitmap;

importandroid.net.Uri;

importandroid.os.AsyncTask;

importandroid.provider.MediaStore;

importandroid.support.v7.app.AppCompatActivity;

importandroid.os.Bundle;

importandroid.util.Base64;

importandroid.view.View;

importandroid.widget.Button;

importandroid.widget.ImageView;

importandroid.widget.Toast;

importjava.io.ByteArrayOutputStream;

importjava.io.IOException;

importjava.util.HashMap;

publicclassMainActivityextendsAppCompatActivityimplementsView.OnClickListener{

publicstaticfinalStringUPLOAD_URL="http://zhiguicai.comli.com/PhotoUpload/upload.php";

publicstaticfinalStringUPLOAD_KEY="image";

privateintPICK_IMAGE_REQUEST=1;

privateButtonbuttonChoose;

privateButtonbuttonUpload;

privateButtonbuttonView;

privateImageViewimageView;

privateBitmapbitmap;

privateUrifilePath;

@Override

protectedvoidonCreate(BundlesavedInstanceState){

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

buttonChoose=(Button)findViewById(R.id.buttonChoose);

buttonUpload=(Button)findViewById(R.id.buttonUpload);

buttonView=(Button)findViewById(R.id.buttonViewImage);

imageView=(ImageView)findViewById(R.id.imageView);

buttonChoose.setOnClickListener(this);

buttonUpload.setOnClickListener(this);

buttonView.setOnClickListener(this);

}

//在相册中选择图片

privatevoidshowFileChooser(){

Intentintent=newIntent();

intent.setType("image/*");

intent.setAction(Intent.ACTION_GET_CONTENT);

startActivityForResult(Intent.createChooser(intent,"SelectPicture"),PICK_IMAGE_REQUEST);

}

//图片选择后响应（根据选择的路径）

@Override

protectedvoidonActivityResult(intrequestCode,intresultCode,Intentdata){

super.onActivityResult(requestCode,resultCode,data);

if(requestCode==PICK_IMAGE_REQUEST&&resultCode==RESULT_OK&&data!=null&&data.getData()!=null){

filePath=data.getData();

try{

bitmap=MediaStore.Images.Media.getBitmap(getContentResolver(),filePath);

imageView.setImageBitmap(bitmap);

}catch(IOExceptione){

e.printStackTrace();

}

}

}

//图片转化为Base64格式的字符串

publicStringgetStringImage(Bitmapbmp){

ByteArrayOutputStreambaos=newByteArrayOutputStream();

bmp.compress(Bitmap.CompressFormat.JPEG,100,baos);

byte[]imageBytes=baos.toByteArray();

StringencodedImage=Base64.encodeToString(imageBytes,Base64.DEFAULT);

returnencodedImage;

}

//上传图片

privatevoiduploadImage(){

classUploadImageextendsAsyncTask<Bitmap,Void,String>{

ProgressDialogloading;

RequestHandlerrh=newRequestHandler();

@Override

protectedvoidonPreExecute(){

super.onPreExecute();

loading=ProgressDialog.show(MainActivity.this,"请耐心等候，图片Uploading...",null,true,true);

}

@Override

protectedvoidonPostExecute(Strings){

super.onPostExecute(s);

loading.dismiss();

Toast.makeText(getApplicationContext(),s,Toast.LENGTH_LONG).show();

}

@Override

protectedStringdoInBackground(Bitmap...params){

Bitmapbitmap=params[0];

StringuploadImage=getStringImage(bitmap);//图片转化为byte64格式字符串

HashMap<String,String>data=newHashMap<>();

data.put(UPLOAD_KEY,uploadImage);//填入postkey，及数据（即图片信息）

Stringresult=rh.sendPostRequest(UPLOAD_URL,data);

returnresult;

}

}

UploadImageui=newUploadImage();

ui.execute(bitmap);

}

@Override

publicvoidonClick(Viewv){

if(v==buttonChoose){

showFileChooser();

}

if(v==buttonUpload){

uploadImage();

}

if(v==buttonView){

viewImage();

}

}

privatevoidviewImage(){

//startActivity(newIntent(this,ImageListView.class));

}

}

到这里你程序基本上实现了上传的功能，不过不要忘记在androidManifest.xml中添加app的上网权限。

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

加完权限代码，你可以测试运行app是否可以上传文件

我亲测上传成功（问题小的图片可以上传，大的图片无法上传。不知是什么问题。具体原因是文件大小受到byte64的影响。只能等下次再找找问题。或转变一中图片上传方式。）

下面将进入下一个阶段---下载已经上传的图片

在一个ListView控件中显示已经上传的图片

<?xmlversion="1.0"encoding="utf-8"?>

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"

android:orientation="vertical"

android:layout_height="match_parent"android:paddingLeft="@dimen/activity_horizontal_margin"

android:paddingRight="@dimen/activity_horizontal_margin"

android:paddingTop="@dimen/activity_vertical_margin"

android:paddingBottom="@dimen/activity_vertical_margin"

tools:context="net.simplifiedcoding.imageuploadsample.ImageListView">

<ListView

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:id="@+id/listView"/>

</LinearLayout>

n我们必须创建一个自定义ListView。我们新建一个xml资源文件给自定义ListView。

n在此新建xml资源文件image_list_view.xml

<?xmlversion="1.0"encoding="utf-8"?>

<LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"

android:orientation="horizontal"

android:layout_width="fill_parent"

android:layout_height="wrap_content">

<ImageViewandroid:id="@+id/imageDownloaded"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:src="@drawable/abc_ic_menu_copy_mtrl_am_alpha"/>

<TextViewandroid:id="@+id/textViewURL"

android:layout_width="wrap_content"

android:layout_height="wrap_content"/>

</LinearLayout>

下面为显示自定义List创建一个新类。CustomListextendsArrayAdapter

packagecom.czg.com.uploadimageusingphpmysql;

importandroid.app.Activity;

importandroid.content.Context;

importandroid.graphics.Bitmap;

importandroid.view.LayoutInflater;

importandroid.view.View;

importandroid.view.ViewGroup;

importandroid.widget.ArrayAdapter;

importandroid.widget.ImageView;

importandroid.widget.TextView;

/**

*Createdbyczgon2016/1/13.

*/

publicclassCustomListextendsArrayAdapter<String>{

privateString[]urls;

privateBitmap[]bitmaps;

privateActivitycontext;

publicCustomList(Activitycontext,String[]urls,Bitmap[]bitmaps){

super(context,R.layout.image_list_view,urls);

this.context=context;

this.urls=urls;

this.bitmaps=bitmaps;

}

@Override

publicViewgetView(intposition,ViewconvertView,ViewGroupparent){

LayoutInflaterinflater=context.getLayoutInflater();

ViewlistViewItem=inflater.inflate(R.layout.image_list_view,null,true);

TextViewtextViewURL=(TextView)listViewItem.findViewById(R.id.textViewURL);

ImageViewimage=(ImageView)listViewItem.findViewById(R.id.imageDownloaded);

textViewURL.setText(urls[position]);

image.setImageBitmap(Bitmap.createScaledBitmap(bitmaps[position],100,50,false));

returnlistViewItem;

}

}

下面我们需要从webserver上获取所有已经上传的Bitmaps图片。所有我们需要创建一个新类用于获取图片GetAlImages.java

packagecom.czg.com.uploadimageusingphpmysql;

importandroid.app.ProgressDialog;

importandroid.graphics.Bitmap;

importandroid.graphics.BitmapFactory;

importandroid.os.AsyncTask;

importorg.json.JSONArray;

importorg.json.JSONException;

importorg.json.JSONObject;

importjava.io.IOException;

importjava.net.MalformedURLException;

importjava.net.URL;

/**

*Createdbyczgon2016/1/13.

*/

publicclassGetAlImages{

publicstaticString[]imageURLs;

publicstaticBitmap[]bitmaps;

publicstaticfinalStringJSON_ARRAY="result";

publicstaticfinalStringIMAGE_URL="url";

privateStringjson;

privateJSONArrayurls;

publicGetAlImages(Stringjson){

this.json=json;

try{

JSONObjectjsonObject=newJSONObject(json);

urls=jsonObject.getJSONArray(JSON_ARRAY);

}catch(JSONExceptione){

e.printStackTrace();

}

}

privateBitmapgetImage(JSONObjectjo){

URLurl=null;

Bitmapimage=null;

try{

url=newURL(jo.getString(IMAGE_URL));

image=BitmapFactory.decodeStream(url.openConnection().getInputStream());

}catch(MalformedURLExceptione){

e.printStackTrace();

}catch(IOExceptione){

e.printStackTrace();

}catch(JSONExceptione){

e.printStackTrace();

}

returnimage;

}

publicvoidgetAllImages()throwsJSONException{

bitmaps=newBitmap[urls.length()];

imageURLs=newString[urls.length()];

for(inti=0;i<urls.length();i++){

imageURLs[i]=urls.getJSONObject(i).getString(IMAGE_URL);

JSONObjectjsonObject=urls.getJSONObject(i);

bitmaps[i]=getImage(jsonObject);

}

}

}

n我们将在这构造函数传入json字符串。

n并解析这个Json数据是由getAllImages.php脚本返回。可以用浏览器测试如下

n现在我们进入ImageListView.java代码并写下如下代码。

packagecom.czg.com.uploadimageusingphpmysql;

importandroid.app.ProgressDialog;

importandroid.content.Intent;

importandroid.os.AsyncTask;

importandroid.support.v7.app.AppCompatActivity;

importandroid.os.Bundle;

importandroid.view.View;

importandroid.widget.AdapterView;

importandroid.widget.ListView;

importorg.json.JSONException;

importjava.io.BufferedReader;

importjava.io.InputStreamReader;

importjava.net.HttpURLConnection;

importjava.net.URL;

publicclassImageListViewextendsAppCompatActivityimplementsAdapterView.OnItemClickListener{

privateListViewlistView;

publicstaticfinalStringGET_IMAGE_URL="http://zhiguicai.comli.com/PhotoUpload/getAllImages.php";

publicGetAlImagesgetAlImages;

publicstaticfinalStringBITMAP_ID="BITMAP_ID";

@Override

protectedvoidonCreate(BundlesavedInstanceState){

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_image_list_view);

listView=(ListView)findViewById(R.id.listView);

listView.setOnItemClickListener(this);

getURLs();

}

privatevoidgetImages(){

classGetImagesextendsAsyncTask<Void,Void,Void>{

ProgressDialogloading;

@Override

protectedvoidonPreExecute(){

super.onPreExecute();

loading=ProgressDialog.show(ImageListView.this,"正在下载图片。。。","请稍等片刻...",false,false);

}

@Override

protectedvoidonPostExecute(Voidv){

super.onPostExecute(v);

loading.dismiss();

//Toast.makeText(ImageListView.this,"Success",Toast.LENGTH_LONG).show();

CustomListcustomList=newCustomList(ImageListView.this,GetAlImages.imageURLs,GetAlImages.bitmaps);

listView.setAdapter(customList);

}

@Override

protectedVoiddoInBackground(Void...voids){

try{

getAlImages.getAllImages();

}catch(JSONExceptione){

e.printStackTrace();

}

returnnull;

}

}

GetImagesgetImages=newGetImages();

getImages.execute();

}

privatevoidgetURLs(){

classGetURLsextendsAsyncTask<String,Void,String>{

ProgressDialogloading;

@Override

protectedvoidonPreExecute(){

super.onPreExecute();

loading=ProgressDialog.show(ImageListView.this,"下载中...","请等待...",true,true);

}

@Override

protectedvoidonPostExecute(Strings){

super.onPostExecute(s);

loading.dismiss();

getAlImages=newGetAlImages(s);

getImages();

}

@Override

protectedStringdoInBackground(String...strings){

BufferedReaderbufferedReader=null;

try{

URLurl=newURL(strings[0]);

HttpURLConnectioncon=(HttpURLConnection)url.openConnection();

StringBuildersb=newStringBuilder();

bufferedReader=newBufferedReader(newInputStreamReader(con.getInputStream()));

Stringjson;

while((json=bufferedReader.readLine())!=null){

sb.append(json+"\n");

}

returnsb.toString().trim();

}catch(Exceptione){

returnnull;

}

}

}

GetURLsgu=newGetURLs();

gu.execute(GET_IMAGE_URL);

}

@Override

publicvoidonItemClick(AdapterView<?>parent,Viewview,intposition,longid){

Intentintent=newIntent(this,ViewFullImage.class);

intent.putExtra(BITMAP_ID,position);

startActivity(intent);

}

}

到这一步代码会报错，（因为我们还没有创建ViewFullImage类）

现在我们创建一个新的activity用于全屏显示图片。新建ViewFullImage。我们在这个视图上添加一个ImageView用于显示图片。

<?xmlversion="1.0"encoding="utf-8"?>

<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"

android:layout_height="match_parent"android:paddingLeft="@dimen/activity_horizontal_margin"

android:paddingRight="@dimen/activity_horizontal_margin"

android:paddingTop="@dimen/activity_vertical_margin"

android:paddingBottom="@dimen/activity_vertical_margin"

tools:context="net.simplifiedcoding.imageuploadsample.ViewFullImage">

<ImageView

android:layout_width="match_parent"

android:layout_height="match_parent"

android:id="@+id/imageViewFull"

/>

</RelativeLayout>

ViewFullImage类代码如下：ViewFullImage.java

packagecom.czg.com.uploadimageusingphpmysql;

importandroid.content.Intent;

importandroid.support.v7.app.AppCompatActivity;

importandroid.os.Bundle;

importandroid.widget.ImageView;

publicclassViewFullImageextendsAppCompatActivity{

privateImageViewimageView;

@Override

protectedvoidonCreate(BundlesavedInstanceState){

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_view_full_image);

Intentintent=getIntent();

inti=intent.getIntExtra(ImageListView.BITMAP_ID,0);

imageView=(ImageView)findViewById(R.id.imageViewFull);

imageView.setImageBitmap(GetAlImages.bitmaps[i]);

}

}

现在所有工作已经完成，你运行测试你的代码

源码下载：https://yunpan.cn/crxSdtRknEtFt访问密码0ef7