序言：之前我们讲解了一些简单后端开发的工具和基础，如果你还没有了解的话，请移步：

之前咱们讲了如何请求服务器，以及像数据库中存简单的数据，但是我们大家都知道，一个app中不可能只有文字的，还要有图片等一系列复杂数据。好了，今天咱们来讲一下如何上传图片到咱们的服务器呢？数据库该怎么存呢？

图片你可以作为文件上传，也可以作为流上传，还可以作为base64编码上传。在这里我们使用简单一点的操作，使用base64编码上传，简单说一下，就是将我们的图片转化为base64编码进行上传，保存的格式是字符类型。好了，话也不多说，直接看一个例子，还是注册，只不过注册的时候得加上头像：

1. 首先新建一个Servlet，作为图片上传的servlet

protected void doPost(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

response.setHeader("Content-Type", "text/html;charset=UTF-8"); //设置头部的编码，防止中文乱码

String username = request.getParameter("username");

String password = request.getParameter("password");

String userhead = request.getParameter("userhead");

// 判空

if (username == null || username.equals("") || password == null || password.equals("") || userhead == null

|| userhead.equals("")) {

return;

}

// 请求数据库

DBUtils dbUtils = new DBUtils();

dbUtils.openConnect();

BaseBean bean = new BaseBean();

RegisterBean data = new RegisterBean();

String imageName = TimeUtils.getNowTime() + ".jpg"; // 以当前时间作为图片名，具有唯一性

System.out.println(getServletContext().getRealPath("/images"));

String path = getServletContext().getRealPath("/images/" + imageName); // 图片的绝对路径(保存在apache服务器的某个文件夹目录下)

if (!Base64Utils.GenerateImage(userhead, path)) { // 判断图片是否保存成功

bean.setCode(-2);

bean.setData(data);

bean.setMsg("图片出错！！");

} else if (dbUtils.isExistInDB(username)) {

bean.setCode(-1);

bean.setData(data);

bean.setMsg("该账号已存在");

} else if (!dbUtils.insertDataToDB(username, password, imageName)) { //判断注册是否成功

bean.setCode(0);

bean.setMsg("注册成功！！");

data.setUsername(username);

data.setPassword(password);

data.setToken(TokenUtils.getToken(username, password));

bean.setData(data);

} else {

bean.setCode(500);

bean.setData(data);

bean.setMsg("数据库错误");

}

Gson gson = new Gson();

String json = gson.toJson(bean);

try {

response.getWriter().println(json);// 将json数据传给客户端

} catch (Exception e) {

e.printStackTrace();

} finally {

response.getWriter().close(); // 关闭这个流，不然会发生错误的

}

dbUtils.closeConnect(); // 关闭数据库连接

}

稍微解释一下：

这里我们是在客户端将图片转成base64编码，然后在服务器端将编码又转成图片，保存在服务器的某个文件夹下(可以自己定制，但是得要在该工程下的某个文件夹下，这里可以用getServletContext().getRealPath()获得，然后将图片的名字和服务器的地址进行拼接，将这个最终的地址保存到数据库中就好了，可能有人要问了，为什么不直接将图片存到数据库中呢？这个可以是可以，但是数据库存取的大小是有限度的，如果直接存数据库的话可能会导致图片出错，数据库也会崩掉。

DBUtils的代码：

public boolean insertDataToDB(String username, String password, String userhead) {

String token = TokenUtils.getToken(username, password); //token可以自己按照自己的意愿生成一下

System.out.println("path------->" + userhead);

String imagePath = "http://192.168.1.101:8080/MyWeb/images/" + userhead; //这里做了一个地址拼接的过程，将这个图片最终的地址保存到数据库

try {

sta = conn.createStatement();

String sql = " insert into userinfo ( user_name , user_pwd , token , user_head ) values ( " + "'" + username

+ "', " + "'" + password + "', " + "'" + token + "', " + "'" + imagePath + "' )";

return sta.execute(sql);

} catch (SQLException e) {

e.printStackTrace();

}

return false;

}

然后再奉上base64的编码解码代码：

/**

* bitmap转base64(客户端用)

*

* @param bitmap

* @return

*/

public static String bitmapToBase64(Bitmap bitmap) {

String result = null;

ByteArrayOutputStream baos = null;

try {

if (bitmap != null) {

baos = new ByteArrayOutputStream();

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

baos.flush();

baos.close();

byte[] bitmapBytes = baos.toByteArray();

result = Base64.encodeToString(bitmapBytes, Base64.DEFAULT);

}

} catch (IOException e) {

e.printStackTrace();

} finally {

try {

if (baos != null) {

baos.flush();

baos.close();

}

} catch (IOException e) {

e.printStackTrace();

}

}

return result;

}

/**

* 对字节数组字符串进行Base64解码并生成图片(服务端用)

*

* @param imgStr

* @param imgFilePath

* @return

*/

public static boolean GenerateImage(String imgStr, String imgFilePath) {

if (imgStr == null) // 图像数据为空

return false;

BASE64Decoder decoder = new BASE64Decoder();

try {

// Base64解码

byte[] bytes = decoder.decodeBuffer(imgStr);

for (int i = 0; i < bytes.length; ++i) {

if (bytes[i] < 0) {// 调整异常数据

bytes[i] += 256;

}

}

// 生成jpeg图片

OutputStream out = new FileOutputStream(imgFilePath);

out.write(bytes);

out.flush();

out.close();

return true;

} catch (Exception e) {

return false;

}

}

这么一个简单的服务端就写好了，然后我们去客户端检测一把，布局神马的咱们就简单一点好了：

请求的话，还是上次演示的asynchttpclient：

public void requestHost(){

if (CygStringUtil.isEmpty(CygStringUtil.getEditTextContent(arEtUsername), CygStringUtil.getEditTextContent(arEtPassword), image)) {

CygToast.showToast("不能为空!!!");

return;

}

pd.setTitle("上传图片");

pd.setMessage("正在火速上传,请稍后....");

pd.setCanceledOnTouchOutside(false);

pd.show();

String url = "http://192.168.1.101:8080/MyWeb/UploadServlet";

RequestParams params = new RequestParams();

params.put("username", arEtUsername.getText().toString());

params.put("password", arEtPassword.getText().toString());

Log.d(TAG,"userhead=====" + image);

params.put("userhead", image);

RequestUtils.ClientPost(url, params, new NetCallBack() {

@Override

public void onMySuccess(byte[] response) {

Log.d(TAG,"upload picture success---->" + new String(response));

Toast.makeText(this,"json=" + new String(response),Toast.LENGTH_SHORT).show();

pd.dismiss();

}

@Override

public void onMyFailure(byte[] response, Throwable throwable) {

pd.dismiss();

Log.e(TAG,new String(response)+"\n"+ throwable.toString());

}

});

}

这样一个简单的请求就写好了，咱们来看一下效果：

这里显示的是注册成功了，然后我们去看看服务器的某个文件夹下有没有呢？

好，服务器中也有了，然后我们去数据库中看看，有没有刚刚那条数据呢？

咦！！！怎么数据库中是空的呢？？？仔细想想，服务器中都有了，数据库中没有，那肯定存储的过程中发生了错误，好，去看看服务端，果然报错：

这是报我们上传的图片编码太长了，数据库之前设定的长度不够，这就明白了，那咱就把数据库中这个字段改一下呗，之前是varchar(45)的，现在咱们改成varchar(100)试试，然后咱们把服务器的图片清空，重新上传一遍，这回成功了：

好了，咱们的图片上传就到此了，心动的话就赶紧的试试吧！！！

公众号：Android技术经验分享