Android中實現OkHttp上傳檔案到伺服器並帶進度

標籤：length   注意   cas   指定   title   build   serve   char   伺服器   

在上一講中 OkHttp下載檔案並帶進度條 中，我們知道怎樣去下載檔案了。那上傳檔案呢

一、編寫伺服器端

在上一講伺服器下建立UploadFileServlet，代碼如下：然後重啟伺服器！

2. @WebServlet("/UploadFileServlet")
3. @MultipartConfig
4. public class UploadFileServlet extends HttpServlet {
5. private static final long serialVersionUID = 1L;
8. public UploadFileServlet() {
9. super();
10. // TODO Auto-generated constructor stub
11. }
13. /**
14. * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse
15. * response)
16. */
17. protected void doGet(HttpServletRequest request, HttpServletResponse response)
18. throws ServletException, IOException {
19. this.doPost(request, response);
20. }
22. /**
23. * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse
24. * response)
25. */
26. protected void doPost(HttpServletRequest request, HttpServletResponse response)
27. throws ServletException, IOException {
28. System.out.println("doPost==");
29. request.setCharacterEncoding("utf-8");
30. //擷取file命名的part，注意要與Android端一樣
31. Part part = request.getPart("file");
32. // 擷取要求標頭，要求標頭的格式：form-data; name="file"; filename="snmp4j--api.zip"
33. String header = part.getHeader("content-disposition");
34. System.out.println(header);
35. String fileName = getFileName(header);
36. // 儲存路徑
37. String savePath = "D:/huang/upload";
38. // 把檔案寫到指定路徑
39. part.write(savePath + File.separator + fileName);
42. response.setCharacterEncoding("UTF-8");
43. PrintWriter writer = response.getWriter();
44. writer.print("上傳成功");
45. }
49. public String getFileName(String header) {
50. /**
51. * header 為 form-data; name="file"; filename="dial.png"
52. * String[] tempArr1 =
53. * header.split(";");代碼執行完之後，在不同的瀏覽器下，tempArr1數組裡面的內容稍有區別
54. * Firefox或者google瀏覽器下：tempArr1={form-data,name="file",filename=
55. * "snmp4j--api.zip"}
56. * IE瀏覽器下：tempArr1={form-data,name="file",filename="E:\snmp4j--api.zip"}
57. */
58. String[] tempArr1 = header.split(";");
59. /**
60. * Firefox或者google瀏覽器下：tempArr2={filename,"snmp4j--api.zip"}
61. * IE瀏覽器下：tempArr2={filename,"E:\snmp4j--api.zip"}
62. */
63. String[] tempArr2 = tempArr1[2].split("=");
64. // 擷取檔案名稱，相容各種瀏覽器的寫法
65. String fileName = tempArr2[1].substring(tempArr2[1].lastIndexOf("\\") + 1).replaceAll("\"", "");
66. return fileName;
67. }
69. }

複製代碼

二、Android端

1.布局，上一講activity_main代碼中添加 ：

 

2. <Button
3. android:id="@+id/ok_post_file"
4. android:layout_width="match_parent"
5. android:layout_height="wrap_content"
6. android:text="上傳檔案" />
8. <TextView
9. android:id="@+id/post_text"
10. android:layout_width="match_parent"
11. android:layout_height="wrap_content"
12. android:gravity="center"
13. android:text="0" />
15. <ProgressBar
16. android:id="@+id/post_progress"
17. style="?android:attr/progressBarStyleHorizontal"
18. android:layout_width="match_parent"
19. android:layout_height="wrap_content"
20. android:max="100" />

複製代碼

2.OkHttpUtil新增上傳檔案方法：

2. public static void postFile(String url, final ProgressListener listener, Callback callback, File...files){
4. MultipartBody.Builder builder = new MultipartBody.Builder();
5. builder.setType(MultipartBody.FORM);
6. Log.i("huang","files[0].getName()=="+files[0].getName());
7. //第一個參數要與Servlet中的一致
8. builder.addFormDataPart("file",files[0].getName(), RequestBody.create(MediaType.parse("application/octet-stream"),files[0]));
10. MultipartBody multipartBody = builder.build();
12. Request request = new Request.Builder().url(url).post(new ProgressRequestBody(multipartBody,listener)).build();
13. okHttpClient.newCall(request).enqueue(callback);
14. }

複製代碼

3.ProgressRequestBody是自訂RequestBody類，用來監聽進度：

2. public class ProgressRequestBody extends RequestBody {
3. public static final int UPDATE = 0x01;
4. private RequestBody requestBody;
5. private ProgressListener mListener;
6. private BufferedSink bufferedSink;
7. private MyHandler myHandler;
8. public ProgressRequestBody(RequestBody body, ProgressListener listener) {
9. requestBody = body;
10. mListener = listener;
11. if (myHandler==null){
12. myHandler = new MyHandler();
13. }
14. }
16. class MyHandler extends Handler {
17. //放在主線程中顯示
18. public MyHandler() {
19. super(Looper.getMainLooper());
20. }
22. @Override
23. public void handleMessage(Message msg) {
24. switch (msg.what){
25. case UPDATE:
26. ProgressModel progressModel = (ProgressModel) msg.obj;
27. if (mListener!=null)mListener.onProgress(progressModel.getCurrentBytes(),progressModel.getContentLength(),progressModel.isDone());
28. break;
30. }
31. }
34. }
36. @Override
37. public MediaType contentType() {
38. return requestBody.contentType();
39. }
41. @Override
42. public long contentLength() throws IOException {
43. return requestBody.contentLength();
44. }
46. @Override
47. public void writeTo(BufferedSink sink) throws IOException {
49. if (bufferedSink==null){
50. bufferedSink = Okio.buffer(sink(sink));
51. }
52. //寫入
53. requestBody.writeTo(bufferedSink);
54. //重新整理
55. bufferedSink.flush();
56. }
58. private Sink sink(BufferedSink sink) {
60. return new ForwardingSink(sink) {
61. long bytesWritten = 0L;
62. long contentLength = 0L;
63. @Override
64. public void write(Buffer source, long byteCount) throws IOException {
65. super.write(source, byteCount);
66. if (contentLength==0){
67. contentLength = contentLength();
68. }
69. bytesWritten += byteCount;
70. //回調
71. Message msg = Message.obtain();
72. msg.what = UPDATE;
73. msg.obj = new ProgressModel(bytesWritten,contentLength,bytesWritten==contentLength);
74. myHandler.sendMessage(msg);
75. }
76. };
77. }
80. }

複製代碼

4.在MainActivity添加上傳按鈕點擊事件，代碼如下：

2. File file = new File(basePath + "/1.mp4");
3. String postUrl = "http://192.168.0.104:8080/OkHttpServer/UploadFileServlet";
5. OkHttpUtil.postFile(postUrl, new ProgressListener() {
6. @Override
7. public void onProgress(long currentBytes, long contentLength, boolean done) {
8. Log.i(TAG, "currentBytes==" + currentBytes + "==contentLength==" + contentLength + "==done==" + done);
9. int progress = (int) (currentBytes * 100 / contentLength);
10. post_progress.setProgress(progress);
11. post_text.setText(progress + "%");
12. }
13. }, new Callback() {
14. @Override
15. public void onFailure(Call call, IOException e) {
17. }
19. @Override
20. public void onResponse(Call call, Response response) throws IOException {
21. if (response != null) {
22. String result = response.body().string();
23. Log.i(TAG, "result===" + result);
24. }
25. }
26. }, file);

複製代碼

相關： 

上傳完成後，在電腦D:\huang\upload下可以看到：

Android中實現OkHttp上傳檔案到伺服器並帶進度