android開發怎麼少的了後端(下)

序言:以前咱們講解了一些簡單後端開發的工具和基礎,若是你尚未了解的話,請移步:

工 具 介 紹 :android開發怎麼少的了後端(上)

簡單接口介紹:android開發怎麼少的了後端(中)

以前我們講了如何請求服務器,以及像數據庫中存簡單的數據,可是咱們你們都知道,一個app中不可能只有文字的,還要有圖片等一系列複雜數據。好了,今天我們來說一下如何上傳圖片到我們的服務器呢?數據庫該怎麼存呢?html

圖片你能夠做爲文件上傳,也能夠做爲流上傳,還能夠做爲base64編碼上傳。在這裏咱們使用簡單一點的操做,使用base64編碼上傳,簡單說一下,就是將咱們的圖片轉化爲base64編碼進行上傳,保存的格式是字符類型。好了,話也很少說,直接看一個例子,仍是註冊,只不過註冊的時候得加上頭像:android

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(); // 關閉數據庫鏈接
}
複製代碼

稍微解釋一下:sql

這裏咱們是在客戶端將圖片轉成base64編碼,而後在服務器端將編碼又轉成圖片,保存在服務器的某個文件夾下(能夠本身定製,可是得要在該工程下的某個文件夾下,這裏能夠用**getServletContext().getRealPath()**得到,而後將圖片的名字和服務器的地址進行拼接,將這個最終的地址保存到數據庫中就行了,可能有人要問了,爲何不直接將圖片存到數據庫中呢?這個能夠是能夠,可是數據庫存取的大小是有限度的,若是直接存數據庫的話可能會致使圖片出錯,數據庫也會崩掉數據庫

DBUtils的代碼:apache

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的編碼解碼代碼:json

/**
 * 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());
        }
   });
}
複製代碼

這樣一個簡單的請求就寫好了,我們來看一下效果:數組

這裏顯示的是註冊成功了,而後咱們去看看服務器的某個文件夾下有沒有呢?服務器

好,服務器中也有了,而後咱們去數據庫中看看,有沒有剛剛那條數據呢?app

咦!!!怎麼數據庫中是空的呢???仔細想一想,服務器中都有了,數據庫中沒有,那確定存儲的過程當中發生了錯誤,好,去看看服務端,果真報錯:

這是報咱們上傳的圖片編碼太長了,數據庫以前設定的長度不夠,這就明白了,那咱就把數據庫中這個字段改一下唄,以前是**varchar(45)的,如今我們改爲varchar(100)**試試,而後我們把服務器的圖片清空,從新上傳一遍,這回成功了:

好了,我們的圖片上傳就到此了,心動的話就趕忙的試試吧!!!

公衆號:Android技術經驗分享
相關文章
相關標籤/搜索