android开发怎么少的了后端(下)

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

工 具 介 绍 :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)试试,然后咱们把服务器的图片清空,重新上传一遍,这回成功了:

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

公众号:Android技术经验分享
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,590评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 86,808评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,151评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,779评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,773评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,656评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,022评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,678评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,038评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,659评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,756评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,411评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,005评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,973评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,053评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,495评论 2 343

推荐阅读更多精彩内容

  • //我所经历的大数据平台发展史(三):互联网时代 • 上篇http://www.infoq.com/cn/arti...
    葡萄喃喃呓语阅读 51,180评论 10 200
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,596评论 18 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,442评论 25 707
  • 我们一直渴望长大 似乎 长大就可以 自由自在 好像 生活总在开玩笑 我们渐渐的 从温顺到叛逆 从听话到不听话 像只...
    童婉阅读 258评论 0 1
  • 黑色的笔 将思念 一笔一划 锁进纸张里 回忆锈迹斑斑 清风乱了方向 蝴蝶别了故乡 月光温柔如水 你没有如约而至 ...
    黄梅梅阅读 139评论 2 4