首页 > 代码库 > android/IOS常用图片上传的两种方式

android/IOS常用图片上传的两种方式

2024-07-15 17:40:21   221人阅读

android/IOS常用图片上传的两种方式：

1、上传到服务器的文件服务器（FileServer）

      原理：上传到文件服务器的方式是先在服务器端搭建文件服务器，配置好路径（url），该路径是我们待会上传图片的路径，配置成功后便通过http+post的模式上传到文件服务器，同时文件服务器将返回一个图片ID，这个ID就是图片的唯一标识，并将该ID写入数据库保存，当需要下载该图片时只需要将此ID带上即可。

      两个核心问题：      

     （1）服务端：配置FileServer，并写处理响应上传图片的代码，这个值得去网上研究研究；

     （2）客服端：写Http上传文件的代码，我贴一下上传核心代码：

/**
  *
  * @param params
  *            传递的普通参数
  * @param uploadFile
  *            需要上传的文件名
  * @param fileFormName
  *            需要上传文件表单中的名字
  * @param newFileName
  *            上传的文件名称，不填写将为uploadFile的名称
  * @param urlStr
  *            上传的服务器的路径
  * @throws IOException
  */

public void uploadForm(Map<String, String> params, String fileFormName,
   File uploadFile, String newFileName, String urlStr, Context mContext)
   throws IOException {
  if (newFileName == null || newFileName.trim().equals("")) {
   newFileName = uploadFile.getName();
  }

  StringBuilder sb = new StringBuilder();
  /**
   * 普通的表单数据
   */
  if (params != null)
   for (String key : params.keySet()) {
    sb.append("--" + BOUNDARY + "\r\n");
    sb.append("Content-Disposition: form-data; name=\"" + key
      + "\"" + "\r\n");
    sb.append("\r\n");
    sb.append(params.get(key) + "\r\n");
   }
  /**
   * 上传文件的头
   */
  sb.append("--" + BOUNDARY + "\r\n");
  sb.append("Content-Disposition: form-data; name=\"" + fileFormName
    + "\"; filename=\"" + newFileName + "\"" + "\r\n");
  sb.append("Content-Type: image/jpeg" + "\r\n");// 如果服务器端有文件类型的校验，必须明确指定ContentType
  sb.append("\r\n");

  byte[] headerInfo = sb.toString().getBytes("UTF-8");
  byte[] endInfo = ("\r\n--" + BOUNDARY + "--\r\n").getBytes("UTF-8");
  System.out.println(sb.toString());
  URL url = new URL(urlStr);
  HttpURLConnection conn = (HttpURLConnection) url.openConnection();
  conn.setRequestMethod("POST");
  conn.setRequestProperty("Content-Type",
    "multipart/form-data; boundary=" + BOUNDARY);
  conn.setRequestProperty(
    "Content-Length",
    String.valueOf(headerInfo.length + uploadFile.length()
      + endInfo.length));
  conn.setDoOutput(true);

  OutputStream out = conn.getOutputStream();
  InputStream in = new FileInputStream(uploadFile);
  /**文件总大小**/
  onUploadProcessListener.initUpload((int)uploadFile.length());
  out.write(headerInfo);
  byte[] buf = new byte[1024];
  int len;
  int curLen = 0; //当前长度
  while ((len = in.read(buf)) != -1){
   out.write(buf, 0, len);
   curLen += len;
   /**上传进度值的大小**/
   onUploadProcessListener.onUploadProcess(curLen);
  }

  out.write(endInfo);
  in.close();
  out.close();
  String result = "";
  int code = conn.getResponseCode();
  if (code == 200) {
   System.out.println("上传成功");
   InputStream input = conn.getInputStream();
   StringBuffer sb1 = new StringBuffer();
   int ss;
   while ((ss = input.read()) != -1) {
    sb1.append((char) ss);
   }
   result = sb1.toString();
   // 回调方法
   sendMessage(1, result);
   
   saveUploadFile(mContext, result);
  }
  Toast.makeText(mContext, "上传后返回的结果：" + result, 100).show();

 }

    这里的 result就是返回的图片ID，代码自己去看看，是模拟浏览器的模式上传的，如果不太明白的可以先了解一下浏览器的post模式。

 

2、上传到服务器的数据库

      原理：这个原理很简单，就是将图片用base64的方式加密后以参数的形式上传到服务器并直接写入数据库，需要用的时候直接获取这个字段并解密即可。

     base64加密：

byte[] bPic = Tools.Bitmap2Bytes(bitmap);

String mSkinImage = Base64Helper.encode(bPic);

    http+post+para上传

List<BasicNameValuePair> pairs = new ArrayList<BasicNameValuePair>();

pairs.add(new BasicNameValuePair("SkinImage",mSkinImage));

//这里是上传

HttpHelper.getDataEncyption(Tools.getReqUrl(), pairs, mHandler);

   这种方式上传成功后就直接插入数据库了，我再贴出base64的加密和解密代码： 

public class Base64Helper {
    /**
     * 编码加密
     * @param byteArray
     * @return
     */ 
       public static String encode(byte[] byteArray) { 
           return new String(Base64.encodeToString(byteArray, Base64.DEFAULT)); 
       } 
      
       /**
        * 解码-解密
        * @param base64EncodedString
        * @return
        */ 
       public static byte[] decode(String base64EncodedString) {
        byte[] bb = null;
  try {
   bb = Base64.decode(base64EncodedString, Base64.DEFAULT);
  } catch (Exception e) {
   // TODO Auto-generated catch block
   e.printStackTrace();
  }
        return bb; 
       } 
      
}

 

     就这样两种上传图片的方式就结束了，当然第一种我是重点讲了一下原理，配置服务端的没有详细的给出，这块我想是值得我们去研究研究的，有共同需求的可以一起交流，研究，分享。

本文出自 “吸博取精自我更新” 博客，请务必保留此出处http://wyong.blog.51cto.com/1115465/1535648


联系
我们