主頁 > 軟體工程 > 如何將影像檔案上傳到heroku

如何將影像檔案上傳到heroku

2022-05-23 15:10:15 軟體工程

我目前正在使用部署在 Heroku 中的機器學習模型來做植物識別的 android 應用程式。我使用在我的應用程式中實作的相機捕獲影像,我想將該影像發送到部署在 heroku 中的 api 中,然后它將預測影像并以字串格式向我發送回回應,告訴我們它屬于哪個物種。

public class MainActivity extends AppCompatActivity {
private final int CAMERA_REQ_CODE=100;
private final int GALLERY_REQ_CODE=1000;
ImageView imgCam;

Bitmap img;
String url = "https://medkit.herokuapp.com/predict";

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    imgCam=findViewById(R.id.imgCamera);
    Button btnCamera=findViewById(R.id.btnCamera);
    Button btnGallery=findViewById(R.id.btnGallery);
    Button btnPredict=findViewById(R.id.btnPredict);
    TextView result=findViewById(R.id.resultText);


    btnCamera.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            Intent iCamera=new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
            startActivityForResult(iCamera,CAMERA_REQ_CODE);
        }
    });
    btnGallery.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            Intent iGallery=new Intent(Intent.ACTION_PICK);
            iGallery.setData(MediaStore.Images.Media.EXTERNAL_CONTENT_URI);
            startActivityForResult(iGallery,GALLERY_REQ_CODE);

        }
    });
    btnPredict.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            StringRequest stringRequest = new StringRequest(Request.Method.POST, url, new Response.Listener<String>() {
                @Override
                public void onResponse(String response) {
                    try {
                        JSONObject jsonObject = new JSONObject(response);
                        String data = jsonObject.getString("y_pred_mobile");
                        if (data.equals("1")) {
                            result.setText("Hibiscus");
                        } else if (data.equals("2")) {
                            result.setText("Aloevera");
                        } else if (data.equals("3")) {
                            result.setText("Brahmi");
                        } else if (data.equals("4")) {
                            result.setText("Neem");
                        } else {
                            result.setText("not in the selected species");
                        }


                    } catch (JSONException e) {
                        e.printStackTrace();
                    }


                }
            }, new Response.ErrorListener() {
                @Override
                public void onErrorResponse(VolleyError error) {
                    Toast.makeText(MainActivity.this, error.getMessage(), Toast.LENGTH_SHORT).show();

                }
            }) {@override
                 protected Map<String,String> getParams(){
                    Map<String,String> params = new HashMap<String,String>();
                    params.put("cgpa",cgpa.getText().toString());
                    params.put("iq",iq.getText().toString());
                    params.put("profile_score",profile_score.getText().toString());

                    return params;

                }

            };
            RequestQueue queue = Volley.newRequestQueue(MainActivity.this);
            queue.add(stringRequest);




        }
    });
}
@Override
protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) {
    super.onActivityResult(requestCode, resultCode, data);
    if(resultCode==RESULT_OK)
    {
        if(requestCode==CAMERA_REQ_CODE)
        {
            //for camera
            Bitmap img=(Bitmap)(data.getExtras().get("data"));
            imgCam.setImageBitmap(img);

        }
        if(requestCode==GALLERY_REQ_CODE)
        {
            //for Gallery
            imgCam.setImageURI(data.getData());
        }
    }
}

} ` 上面是我的應用程式代碼。休息一切正常,但我需要一個代碼來放置影像而不是字串

@Override
                protected Map<String,String> getParams(){
                    Map<String,String> params = new HashMap<String,String>();
                    params.put("cgpa",cgpa.getText().toString());
                    params.put("iq",iq.getText().toString());
                    params.put("profile_score",profile_score.getText().toString());

                    return params;

這段代碼是將字串作為資料發送,我需要一個可以將影像作為資料發送到 api 的代碼,而不是上面代碼中的字串

誰能幫我解決這個問題?

uj5u.com熱心網友回復:

我假設您正在嘗試將位圖影像上傳到您的Heroku服務器。那么下面的代碼示例可以幫助你。

創建一個VolleyMultipartRequest如下所示的類。此類允許MultiPart將檔案發送到服務器。

import com.android.volley.AuthFailureError;
import com.android.volley.NetworkResponse;
import com.android.volley.ParseError;
import com.android.volley.Request;
import com.android.volley.Response;
import com.android.volley.VolleyError;
import com.android.volley.toolbox.HttpHeaderParser;

import java.io.ByteArrayInputStream;
import java.io.ByteArrayOutputStream;
import java.io.DataOutputStream;
import java.io.IOException;
import java.io.UnsupportedEncodingException;
import java.util.Map;

public class VolleyMultipartRequest extends Request<NetworkResponse> {

    private final String twoHyphens = "--";
    private final String lineEnd = "\r\n";
    private final String boundary = "APIClient-"   System.currentTimeMillis ();
    private final Response.Listener<NetworkResponse> mListener;
    private final Response.ErrorListener mErrorListener;

    public VolleyMultipartRequest ( int method, String url, Response.Listener<NetworkResponse> listener, Response.ErrorListener errorListener ) {
        super ( method, url, errorListener );
        this.mListener = listener;
        this.mErrorListener = errorListener;
    }

    @Override
    public Map<String, String> getHeaders () throws AuthFailureError {
        return super.getHeaders ();
    }

    @Override
    public String getBodyContentType () {
        return "multipart/form-data;boundary="   boundary;
    }

    @Override
    public byte[] getBody () throws AuthFailureError {
        ByteArrayOutputStream bos = new ByteArrayOutputStream ();
        DataOutputStream dos = new DataOutputStream ( bos );
        try {
            // populate text payload
            Map<String, String> params = getParams ();
            if (params != null && params.size () > 0) {
                textParse ( dos, params, getParamsEncoding () );
            }
            // populate data byte payload
            Map<String, DataPart> data = getByteData ();
            if (data != null && data.size () > 0) {
                dataParse ( dos, data );
            }
            // close multipart form data after text and file data
            dos.writeBytes ( twoHyphens   boundary   twoHyphens   lineEnd );
            return bos.toByteArray ();
        } catch (IOException e) {
            e.printStackTrace ();
        }
        return null;
    }

    /**
     * Custom method handle data payload.
     *
     * @return Map data part label with data byte
     */
    protected Map<String, DataPart> getByteData () {
        return null;
    }

    @Override
    protected Response<NetworkResponse> parseNetworkResponse ( NetworkResponse response ) {
        try {
            return Response.success ( response, HttpHeaderParser.parseCacheHeaders ( response ) );
        } catch (Exception e) {
            return Response.error ( new ParseError ( e ) );
        }
    }

    @Override
    protected void deliverResponse ( NetworkResponse response ) {
        mListener.onResponse ( response );
    }

    @Override
    public void deliverError ( VolleyError error ) {
        mErrorListener.onErrorResponse ( error );
    }

    /**
     * Parse string map into data output stream by key and value.
     *
     * @param dataOutputStream data output stream handle string parsing
     * @param params           string inputs collection
     * @param encoding         encode the inputs, default UTF-8
     * @throws IOException IOException
     */
    private void textParse ( DataOutputStream dataOutputStream, Map<String, String> params, String encoding ) throws IOException {
        try {
            for (Map.Entry<String, String> entry : params.entrySet ()) {
                buildTextPart ( dataOutputStream, entry.getKey (), entry.getValue () );
            }
        } catch (UnsupportedEncodingException uee) {
            throw new RuntimeException ( "Encoding not supported: "   encoding, uee );
        }
    }

    /**
     * Parse data into data output stream.
     *
     * @param dataOutputStream data output stream handle file attachment
     * @param data             loop through data
     * @throws IOException IOException
     */
    private void dataParse ( DataOutputStream dataOutputStream, Map<String, DataPart> data ) throws IOException {
        for (Map.Entry<String, DataPart> entry : data.entrySet ()) {
            buildDataPart ( dataOutputStream, entry.getValue (), entry.getKey () );
        }
    }

    /**
     * Write string data into header and data output stream.
     *
     * @param dataOutputStream data output stream handle string parsing
     * @param parameterName    name of input
     * @param parameterValue   value of input
     * @throws IOException IOException
     */
    private void buildTextPart ( DataOutputStream dataOutputStream, String parameterName, String parameterValue ) throws IOException {
        dataOutputStream.writeBytes ( twoHyphens   boundary   lineEnd );
        dataOutputStream.writeBytes ( "Content-Disposition: form-data; name=\""   parameterName   "\""   lineEnd );
        dataOutputStream.writeBytes ( lineEnd );
        dataOutputStream.writeBytes ( parameterValue   lineEnd );
    }

    /**
     * Write data file into header and data output stream.
     *
     * @param dataOutputStream data output stream handle data parsing
     * @param dataFile         data byte as DataPart from collection
     * @param inputName        name of data input
     * @throws IOException IOException
     */
    private void buildDataPart ( DataOutputStream dataOutputStream, DataPart dataFile, String inputName ) throws IOException {
        dataOutputStream.writeBytes ( twoHyphens   boundary   lineEnd );
        dataOutputStream.writeBytes ( "Content-Disposition: form-data; name=\""  
                inputName   "\"; filename=\""   dataFile.getFileName ()   "\""   lineEnd );
        dataOutputStream.writeBytes ( lineEnd );
        ByteArrayInputStream fileInputStream = new ByteArrayInputStream ( dataFile.getContent () );
        int bytesAvailable = fileInputStream.available ();
        int maxBufferSize = 1024 * 1024;
        int bufferSize = Math.min ( bytesAvailable, maxBufferSize );
        byte[] buffer = new byte[bufferSize];
        int bytesRead = fileInputStream.read ( buffer, 0, bufferSize );
        while (bytesRead > 0) {
            dataOutputStream.write ( buffer, 0, bufferSize );
            bytesAvailable = fileInputStream.available ();
            bufferSize = Math.min ( bytesAvailable, maxBufferSize );
            bytesRead = fileInputStream.read ( buffer, 0, bufferSize );
        }
        dataOutputStream.writeBytes ( lineEnd );
    }

    public static class DataPart {
        private final String fileName;
        private final byte[] content;

        DataPart ( String name, byte[] data ) {
            fileName = name;
            content = data;
        }

        String getFileName () {
            return fileName;
        }

        byte[] getContent () {
            return content;
        }
    }
}

添加上述類后,呼叫以下uploadImage方法。bitmap將您從相機或畫廊收到的內容傳遞給此方法

/**
 * This method sends bitmap image to backend server
 * 
 * @param bitmap
 */
public void uploadImage ( final Bitmap bitmap ) {
    VolleyMultipartRequest volleyMultipartRequest = new VolleyMultipartRequest ( Request.Method.POST,
            "YOUR_IMAGE_UPLOAD_URL",
            this::showSuccessMessage,
            this::showErrorMessage
    ) {
        @Override
        protected Map<String, DataPart> getByteData () {
            Map<String, DataPart> params = new HashMap<> ();
            long imageName = System.currentTimeMillis ();
            params.put ( "image", new DataPart ( imageName   ".jpg", getFileDataFromDrawable ( bitmap ) ) );
            return params;
        }
        //Ignore the below override if you're not using any AUTHORIZATION
        @Override
        public Map<String, String> getHeaders () {
            Map<String, String> params = new HashMap<> ();
            params.put ( "authorization", "YOUR AUTH TOKEN" );
            return params;
        }
    };
    volleyMultipartRequest.setRetryPolicy ( new DefaultRetryPolicy (
            100000,
            DefaultRetryPolicy.DEFAULT_MAX_RETRIES,
            DefaultRetryPolicy.DEFAULT_BACKOFF_MULT ) );
    Volley.newRequestQueue ( context ).add ( volleyMultipartRequest );
}

/**
 * This method is used to display response message
 * 
 * @param response
 */
private void showSuccessMessage ( NetworkResponse response ) {
    Log.d ( "LOG", "Response from server: "   response.toString () );
}

/**
 * This method is used to display error message
 * 
 * @param volleyError
 */
private void showErrorMessage ( VolleyError volleyError ) {
    Log.d ( "LOG", "Response from server: "   volleyError.getMessage () );
}

/**
 * This method converts bitmap to byte array
 * 
 * @param bitmap
 * @return byte array
 */
private byte[] getFileDataFromDrawable ( Bitmap bitmap ) {
    ByteArrayOutputStream byteArrayOutputStream = null;
    try {
        byteArrayOutputStream = new ByteArrayOutputStream ();
        bitmap.compress ( Bitmap.CompressFormat.JPEG, 100, byteArrayOutputStream );
    } catch (Exception ignored) {

    } finally {
        if (byteArrayOutputStream != null) {
            try {
                byteArrayOutputStream.close ();
            } catch (IOException ignore) {
            }
        }
    }
    return (byteArrayOutputStream != null ? byteArrayOutputStream.toByteArray () : null);
}

這是我正在使用的作業代碼。希望上面的代碼片段對您有所幫助。如果我在此答案中遺漏了任何必要的代碼片段,請告訴我。我會嘗試更新那些

轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/479928.html

標籤:爪哇 安卓 heroku 机器人凌空 移动应用

上一篇:為什么在heroku中部署時我的css檔案沒有加載?PS:我正在使用ejs

下一篇:Heroku拋出npmERR!缺少腳本:對我“開始”

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • Git本地庫既關聯GitHub又關聯Gitee

    創建代碼倉庫 使用gitee舉例(github和gitee差不多) 1.在gitee右上角點擊+,選擇新建倉庫 ? 2.選擇填寫倉庫資訊,然后進行創建 ? 3.服務端已經準備好了,本地開始作準備 (1)Git 全域設定 git config --global user.name "成鈺" git c ......

    uj5u.com 2020-09-10 05:04:14 more
  • CODING DevOps 代碼質量實戰系列第二課,相約周三

    隨著 ToB(企業服務)的興起和 ToC(消費互聯網)產品進入成熟期,線上故障帶來的損失越來越大,代碼質量越來越重要,而「質量內建」正是 DevOps 核心理念之一。**《DevOps 代碼質量實戰(PHP 版)》**為 CODING DevOps 代碼質量實戰系列的第二課,同時也是本系列的 PHP ......

    uj5u.com 2020-09-10 05:07:43 more
  • 推薦Scrum書籍

    推薦Scrum書籍 直接上干貨,推薦書籍清單如下(推薦有順序的哦) Scrum指南 Scrum精髓 Scrum敏捷軟體開發 Scrum捷徑 硝煙中的Scrum和XP : 我們如何實施Scrum 敏捷軟體開發:Scrum實戰指南 Scrum要素 大規模Scrum:大規模敏捷組織的設計 用戶故事地圖 用 ......

    uj5u.com 2020-09-10 05:07:45 more
  • CODING DevOps 代碼質量實戰系列最后一課,周四發車

    隨著 ToB(企業服務)的興起和 ToC(消費互聯網)產品進入成熟期,線上故障帶來的損失越來越大,代碼質量越來越重要,而「質量內建」正是 DevOps 核心理念之一。 **《DevOps 代碼質量實戰(Java 版)》**為 CODING DevOps 代碼質量實戰系列的最后一課,同時也是本系列的 ......

    uj5u.com 2020-09-10 05:07:52 more
  • 敏捷軟體工程實踐書籍

    Scrum轉型想要做好,第一步先了解并真正落實Scrum,那么我推薦的Scrum書籍是要看懂并實踐的。第二步是團隊的工程實踐要做扎實。 下面推薦工程實踐書單: 重構:改善既有代碼的設計 決議極限編程 : 擁抱變化 代碼整潔代碼 程式員的職業素養 修改代碼的藝術 撰寫可讀代碼的藝術 測驗驅動開發 : ......

    uj5u.com 2020-09-10 05:07:55 more
  • Jenkins+svn+nginx實作windows環境自動部署vue前端專案

    前面文章介紹了Jenkins+svn+tomcat實作自動化部署,現在終于有空抽時間出來寫下Jenkins+svn+nginx實作自動部署vue前端專案。 jenkins的安裝和配置已經在前面文章進行介紹,下面介紹實作vue前端專案需要進行的哪些額外的步驟。 注意:在安裝jenkins和nginx的 ......

    uj5u.com 2020-09-10 05:08:49 more
  • CODING DevOps 微服務專案實戰系列第一課,明天等你

    CODING DevOps 微服務專案實戰系列第一課**《DevOps 微服務專案實戰:DevOps 初體驗》**將由 CODING DevOps 開發工程師 王寬老師 向大家介紹 DevOps 的基本理念,并探討為什么現代開發活動需要 DevOps,同時將以 eShopOnContainers 項 ......

    uj5u.com 2020-09-10 05:09:14 more
  • CODING DevOps 微服務專案實戰系列第二課來啦!

    近年來,工程專案的結構越來越復雜,需要接入合適的持續集成流水線形式,才能滿足更多變的需求,那么如何優雅地使用 CI 能力提升生產效率呢?CODING DevOps 微服務專案實戰系列第二課 《DevOps 微服務專案實戰:CI 進階用法》 將由 CODING DevOps 全堆疊工程師 何晨哲老師 向 ......

    uj5u.com 2020-09-10 05:09:33 more
  • CODING DevOps 微服務專案實戰系列最后一課,周四開講!

    隨著軟體工程越來越復雜化,如何在 Kubernetes 集群進行灰度發布成為了生產部署的”必修課“,而如何實作安全可控、自動化的灰度發布也成為了持續部署重點關注的問題。CODING DevOps 微服務專案實戰系列最后一課:**《DevOps 微服務專案實戰:基于 Nginx-ingress 的自動 ......

    uj5u.com 2020-09-10 05:10:00 more
  • CODING 儀表盤功能正式推出,實作作業資料可視化!

    CODING 儀表盤功能現已正式推出!該功能旨在用一張張統計卡片的形式,統計并展示使用 CODING 中所產生的資料。這意味著無需額外的設定,就可以收集歸納寶貴的作業資料并予之量化分析。這些海量的資料皆會以圖表或串列的方式躍然紙上,方便團隊成員隨時查看各專案的進度、狀態和指標,云端協作迎來真正意義上 ......

    uj5u.com 2020-09-10 05:11:01 more
最新发布
  • windows系統git使用ssh方式和gitee/github進行同步

    使用git來clone專案有兩種方式:HTTPS和SSH:
    HTTPS:不管是誰,拿到url隨便clone,但是在push的時候需要驗證用戶名和密碼;
    SSH:clone的專案你必須是擁有者或者管理員,而且需要在clone前添加SSH Key。SSH 在push的時候,是不需要輸入用戶名的,如果配置... ......

    uj5u.com 2023-04-19 08:41:12 more
  • windows系統git使用ssh方式和gitee/github進行同步

    使用git來clone專案有兩種方式:HTTPS和SSH:
    HTTPS:不管是誰,拿到url隨便clone,但是在push的時候需要驗證用戶名和密碼;
    SSH:clone的專案你必須是擁有者或者管理員,而且需要在clone前添加SSH Key。SSH 在push的時候,是不需要輸入用戶名的,如果配置... ......

    uj5u.com 2023-04-19 08:35:34 more
  • 2023年農牧行業6大CRM系統、5大場景盤點

    在物聯網、大資料、云計算、人工智能、自動化技術等現代資訊技術蓬勃發展與逐步成熟的背景下,數字化正成為農牧行業供給側結構性變革與高質量發展的核心驅動因素。因此,改造和提升傳統農牧業、開拓創新現代智慧農牧業,加快推進農牧業的現代化、資訊化、數字化建設已成為農牧業發展的重要方向。 當下,企業數字化轉型已經 ......

    uj5u.com 2023-04-18 08:05:44 more
  • 2023年農牧行業6大CRM系統、5大場景盤點

    在物聯網、大資料、云計算、人工智能、自動化技術等現代資訊技術蓬勃發展與逐步成熟的背景下,數字化正成為農牧行業供給側結構性變革與高質量發展的核心驅動因素。因此,改造和提升傳統農牧業、開拓創新現代智慧農牧業,加快推進農牧業的現代化、資訊化、數字化建設已成為農牧業發展的重要方向。 當下,企業數字化轉型已經 ......

    uj5u.com 2023-04-18 08:00:18 more
  • 計算機組成原理—存盤器

    計算機組成原理—硬體結構 二、存盤器 1.概述 存盤器是計算機系統中的記憶設備,用來存放程式和資料 1.1存盤器的層次結構 快取-主存層次主要解決CPU和主存速度不匹配的問題,速度接近快取 主存-輔存層次主要解決存盤系統的容量問題,容量接近與價位接近于主存 2.主存盤器 2.1概述 主存與CPU的聯 ......

    uj5u.com 2023-04-17 08:20:31 more
  • 談一談我對協同開發的一些認識

    如今各互聯網公司普通都使用敏捷開發,采用小步快跑的形式來進行專案開發。如果是小專案或者小需求,那一個開發可能就搞定了。但對于電商等復雜的系統,其功能多,結構復雜,一個人肯定是搞不定的,所以都是很多人來共同開發維護。以我曾經待過的商城團隊為例,光是后端開發就有七十多人。 為了更好地開發這類大型系統,往 ......

    uj5u.com 2023-04-17 08:18:55 more
  • 專案管理PRINCE2核心知識點整理

    PRINCE2,即 PRoject IN Controlled Environment(受控環境中的專案)是一種結構化的專案管理方法論,由英國政府內閣商務部(OGC)推出,是英國專案管理標準。
    PRINCE2 作為一種開放的方法論,是一套結構化的專案管理流程,描述了如何以一種邏輯性的、有組織的方法,... ......

    uj5u.com 2023-04-17 08:18:51 more
  • 談一談我對協同開發的一些認識

    如今各互聯網公司普通都使用敏捷開發,采用小步快跑的形式來進行專案開發。如果是小專案或者小需求,那一個開發可能就搞定了。但對于電商等復雜的系統,其功能多,結構復雜,一個人肯定是搞不定的,所以都是很多人來共同開發維護。以我曾經待過的商城團隊為例,光是后端開發就有七十多人。 為了更好地開發這類大型系統,往 ......

    uj5u.com 2023-04-17 08:18:00 more
  • 專案管理PRINCE2核心知識點整理

    PRINCE2,即 PRoject IN Controlled Environment(受控環境中的專案)是一種結構化的專案管理方法論,由英國政府內閣商務部(OGC)推出,是英國專案管理標準。
    PRINCE2 作為一種開放的方法論,是一套結構化的專案管理流程,描述了如何以一種邏輯性的、有組織的方法,... ......

    uj5u.com 2023-04-17 08:17:55 more
  • 計算機組成原理—存盤器

    計算機組成原理—硬體結構 二、存盤器 1.概述 存盤器是計算機系統中的記憶設備,用來存放程式和資料 1.1存盤器的層次結構 快取-主存層次主要解決CPU和主存速度不匹配的問題,速度接近快取 主存-輔存層次主要解決存盤系統的容量問題,容量接近與價位接近于主存 2.主存盤器 2.1概述 主存與CPU的聯 ......

    uj5u.com 2023-04-17 08:12:06 more