序言:之前我们讲解了一些简单后端开发的工具和基础,如果你还没有了解的话,请移步:
工 具 介 绍 :android开发怎么少的了后端(上)
简单接口介绍:android开发怎么少的了后端(中)
之前咱们讲了如何请求服务器,以及像数据库中存简单的数据,但是我们大家都知道,一个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)试试,然后咱们把服务器的图片清空,重新上传一遍,这回成功了:
好了,咱们的图片上传就到此了,心动的话就赶紧的试试吧!!!