वॉली के साथ और HttpEntity के बिना कार्य पोस्टप मल्टीपार्ट अनुरोध


106

यह वास्तव में एक सवाल नहीं है, हालांकि, जब भी आपको ज़रूरत हो, मैं आपके संदर्भ के लिए अपने कुछ काम कोड यहां साझा करना चाहूंगा।

जैसा कि हम जानते हैं कि HttpEntityAPI22 से हटा दिया गया है और API23 से अचानक हटा दिया गया है। फिलहाल, हम Android डेवलपर (404) पर अब HttpEntity संदर्भ का उपयोग नहीं कर सकते हैं । तो, POST Multipart Request for Volley और बिना HttpEntity के मेरा निम्नलिखित नमूना कोड है । यह काम कर रहा है, के साथ परीक्षण किया गया Asp.Net Web API। बेशक, कोड शायद सिर्फ एक मूल नमूना है जो दो मौजूद ड्रॉबल फ़ाइलों को पोस्ट करता है, यह भी सभी मामलों के लिए सबसे अच्छा समाधान नहीं है, और अच्छी ट्यूनिंग नहीं है।

MultipartActivity.java:

package com.example.multipartvolley;

import android.app.Activity;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.support.v4.content.ContextCompat;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.Toast;

import com.android.volley.NetworkResponse;
import com.android.volley.Response;
import com.android.volley.VolleyError;

import java.io.ByteArrayInputStream;
import java.io.ByteArrayOutputStream;
import java.io.DataOutputStream;
import java.io.IOException;


public class MultipartActivity extends Activity {

    private final Context context = this;
    private final String twoHyphens = "--";
    private final String lineEnd = "\r\n";
    private final String boundary = "apiclient-" + System.currentTimeMillis();
    private final String mimeType = "multipart/form-data;boundary=" + boundary;
    private byte[] multipartBody;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_multipart);

        byte[] fileData1 = getFileDataFromDrawable(context, R.drawable.ic_action_android);
        byte[] fileData2 = getFileDataFromDrawable(context, R.drawable.ic_action_book);

        ByteArrayOutputStream bos = new ByteArrayOutputStream();
        DataOutputStream dos = new DataOutputStream(bos);
        try {
            // the first file
            buildPart(dos, fileData1, "ic_action_android.png");
            // the second file
            buildPart(dos, fileData2, "ic_action_book.png");
            // send multipart form data necesssary after file data
            dos.writeBytes(twoHyphens + boundary + twoHyphens + lineEnd);
            // pass to multipart body
            multipartBody = bos.toByteArray();
        } catch (IOException e) {
            e.printStackTrace();
        }

        String url = "http://192.168.1.100/api/postfile";
        MultipartRequest multipartRequest = new MultipartRequest(url, null, mimeType, multipartBody, new Response.Listener<NetworkResponse>() {
            @Override
            public void onResponse(NetworkResponse response) {
                Toast.makeText(context, "Upload successfully!", Toast.LENGTH_SHORT).show();
            }
        }, new Response.ErrorListener() {
            @Override
            public void onErrorResponse(VolleyError error) {
                Toast.makeText(context, "Upload failed!\r\n" + error.toString(), Toast.LENGTH_SHORT).show();
            }
        });

        VolleySingleton.getInstance(context).addToRequestQueue(multipartRequest);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_multipart, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();

        //noinspection SimplifiableIfStatement
        if (id == R.id.action_settings) {
            return true;
        }

        return super.onOptionsItemSelected(item);
    }

    private void buildPart(DataOutputStream dataOutputStream, byte[] fileData, String fileName) throws IOException {
        dataOutputStream.writeBytes(twoHyphens + boundary + lineEnd);
        dataOutputStream.writeBytes("Content-Disposition: form-data; name=\"uploaded_file\"; filename=\""
                + fileName + "\"" + lineEnd);
        dataOutputStream.writeBytes(lineEnd);

        ByteArrayInputStream fileInputStream = new ByteArrayInputStream(fileData);
        int bytesAvailable = fileInputStream.available();

        int maxBufferSize = 1024 * 1024;
        int bufferSize = Math.min(bytesAvailable, maxBufferSize);
        byte[] buffer = new byte[bufferSize];

        // read file and write it into form...
        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);
    }

    private byte[] getFileDataFromDrawable(Context context, int id) {
        Drawable drawable = ContextCompat.getDrawable(context, id);
        Bitmap bitmap = ((BitmapDrawable) drawable).getBitmap();
        ByteArrayOutputStream byteArrayOutputStream = new ByteArrayOutputStream();
        bitmap.compress(Bitmap.CompressFormat.PNG, 0, byteArrayOutputStream);
        return byteArrayOutputStream.toByteArray();
    }
}

MultipartRequest.java:

package com.example.multipartvolley;

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.util.Map;

class MultipartRequest extends Request<NetworkResponse> {
    private final Response.Listener<NetworkResponse> mListener;
    private final Response.ErrorListener mErrorListener;
    private final Map<String, String> mHeaders;
    private final String mMimeType;
    private final byte[] mMultipartBody;

    public MultipartRequest(String url, Map<String, String> headers, String mimeType, byte[] multipartBody, Response.Listener<NetworkResponse> listener, Response.ErrorListener errorListener) {
        super(Method.POST, url, errorListener);
        this.mListener = listener;
        this.mErrorListener = errorListener;
        this.mHeaders = headers;
        this.mMimeType = mimeType;
        this.mMultipartBody = multipartBody;
    }

    @Override
    public Map<String, String> getHeaders() throws AuthFailureError {
        return (mHeaders != null) ? mHeaders : super.getHeaders();
    }

    @Override
    public String getBodyContentType() {
        return mMimeType;
    }

    @Override
    public byte[] getBody() throws AuthFailureError {
        return mMultipartBody;
    }

    @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);
    }
}

अपडेट करें:

पाठ भाग के लिए, नीचे दिए गए @ ऑस्कर के उत्तर को देखें।


1
मैंने निम्नलिखित प्रश्न पर सिर्फ @ केविन टिप्पणी की प्रतिलिपि बनाई है : कुछ सर्वर बहुत अचार वाले हैं। यदि आपके पास कोई समस्या है, तो " और "फ़ाइल नाम =" सामग्री-विवाद का निर्माण करते समय और "मल्टीपार्ट / फॉर्म-डेटा; सीमा =" + सीमा; :)
बीएनके

1
यदि आप mimtype जोड़ना चाहते हैं: dataOutputStream.writeBytes ("सामग्री-प्रकार: छवि / जेपीईजी" + लाइनएंड);
म्योर हदाद

1
@ मोरहाड: आपकी टिप्पणी के लिए धन्यवाद :)
बीएनके

1
इस बेहतरीन समाधान के लिए धन्यवाद। 23 को appcompat को अपडेट करने के बाद यह मुद्दा **
Maor Hadad

1
प्रिय बीएनके वीडियो अपलोड करने के लिए यह काम करता है?
मॉक

जवाबों:


63

मैं आपके कोड @RacZo और @BNK को अधिक मॉड्यूलर और उपयोग करने के लिए आसान फिर से लिखता हूं

VolleyMultipartRequest multipartRequest = new VolleyMultipartRequest(Request.Method.POST, url, new Response.Listener<NetworkResponse>() {
    @Override
    public void onResponse(NetworkResponse response) {
        String resultResponse = new String(response.data);
        // parse success output
    }
}, new Response.ErrorListener() {
    @Override
    public void onErrorResponse(VolleyError error) {                
        error.printStackTrace();
    }
}) {
    @Override
    protected Map<String, String> getParams() {
        Map<String, String> params = new HashMap<>();
        params.put("api_token", "gh659gjhvdyudo973823tt9gvjf7i6ric75r76");
        params.put("name", "Angga");
        params.put("location", "Indonesia");
        params.put("about", "UI/UX Designer");
        params.put("contact", "angga@email.com");
        return params;
    }

    @Override
    protected Map<String, DataPart> getByteData() {
        Map<String, DataPart> params = new HashMap<>();
        // file name could found file base or direct access from real path
        // for now just get bitmap data from ImageView
        params.put("avatar", new DataPart("file_avatar.jpg", AppHelper.getFileDataFromDrawable(getBaseContext(), mAvatarImage.getDrawable()), "image/jpeg"));
        params.put("cover", new DataPart("file_cover.jpg", AppHelper.getFileDataFromDrawable(getBaseContext(), mCoverImage.getDrawable()), "image/jpeg"));

        return params;
    }
};

VolleySingleton.getInstance(getBaseContext()).addToRequestQueue(multipartRequest);

VolleyMultipartRequestमेरे जिस्ट में कोड की पूरी जाँच करें ।


मैं बाइट या स्ट्रिंग में परिवर्तित नहीं करना चाहता। मेरे मामले के लिए, सर्वर-साइड एक फ़ाइल और कई ग्रंथों (की-वैल्यू पेयर, मल्टीपर्ट फॉर्म डेटा) की अपेक्षा करता है, न कि बाइट या स्ट्रिंग से। क्या यह संभव है?
मिलन

हाँ, यह है कि आप अपने डेटा को वेबसाइड में मल्टीपार्ट फॉर्म डेटा की तरह सर्वराइज़ कर सकते हैं, वास्तव में कोड को फिट करने के लिए http हेडर अनुरोध को संशोधित किया गया है और इसी तरह का वेब फॉर्म है, इसलिए यह वह समाधान है जो आप खोज रहे हैं ...
Angga Ari Wijaya

@ अहमदुल्लाहसाईत आपको कुछ भी मिला क्योंकि मेरी परियोजना में एक ही चीज एक ही नाम के साथ कई अनुरोध भेजती है
रिकी पटेल

20

बस जवाब में जोड़ना चाहते हैं। मैं यह पता लगाने की कोशिश कर रहा था कि पाठ फ़ील्ड को शरीर में कैसे जोड़ा जाए और इसे करने के लिए निम्न फ़ंक्शन बनाया जाए:

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("Content-Type: text/plain; charset=UTF-8" + lineEnd);
    dataOutputStream.writeBytes(lineEnd);
    dataOutputStream.writeBytes(parameterValue + lineEnd);
}

यह बहुत अच्छा काम कर रहा है।


मैंने अपने ऐप में @BNK समाधान एम्बेड किया है। मैं अपने फोन पुस्तकालय में एक तस्वीर का चयन कर रहा हूं और इसे मल्टीपार्ट फॉर्म डेटा के माध्यम से भेज रहा हूं, लेकिन सर्वर पर भेजने से पहले इसमें कुछ सेकंड (~ 10-15) लगते हैं। क्या इस उपरि को कम करने का कोई तरीका है? या कोई और सिफारिश?
कैसिलस

1
HttpEntity के वंचित होने के बाद, वॉली के साथ बहु-भाग अपलोड बहुत बोझिल हो गए, साथ ही PATCH अनुरोधों को लागू करना एक सिरदर्द है इसलिए मैंने अपने सभी ऐप्स में वॉली से दूर जाना और RetroFit ( square.gubub.io/retrofit ) को लागू किया । मैं आपको वही करने की सलाह दूंगा क्योंकि रेट्रोफिट आपको अपने ऐप में बेहतर बैकवर्ड कम्पेटिबिलिटी और फ्यूचर प्रूफ देता है।
ऑस्कर सालगुएरो

मैं @RacZo से सहमत हूं, हालाँकि मुझे OkHttp :) पसंद है, मैं अभी भी अन्य नेटवर्क अनुरोधों के लिए वॉली का उपयोग करता हूं। मैंने Google के वॉली को Apache lib को हटाने के लिए अनुकूलित किया है , जिसे github.com/ngocchung/volleynoapache पर पोस्ट किया गया है , हालांकि केवल गेट, पोस्ट और मल्टीपार्ट के लिए परीक्षण किया गया है।
बीएनके

मुझे वॉली लाइब्रेरी का उपयोग करके PATCH अनुरोध का उपयोग करने की आवश्यकता है। मैं इसे कैसे हासिल कर सकता हूं।
जगदीश सेराम

8

उन लोगों के लिए जो utf-8 मापदंडों और अभी भी कोई भाग्य नहीं भेजने के लिए संघर्ष कर रहे हैं, मेरे पास जो समस्या थी वह डेटाऑउटपुटस्ट्रीम में थी, और @RacZo के कोड को नीचे कोड में बदलें:

private void buildTextPart(DataOutputStream dataOutputStream, String parameterName, String parameterValue) throws IOException {
        dataOutputStream.writeBytes(twoHyphens + boundary + lineEnd);
        dataOutputStream.writeBytes("Content-Disposition: form-data; name=\"");
        dataOutputStream.write(parameterName.getBytes("UTF-8"));
        dataOutputStream.writeBytes(lineEnd);
        dataOutputStream.writeBytes("Content-Type: text/plain; charset=UTF-8" + lineEnd);
        dataOutputStream.writeBytes(lineEnd);
        dataOutputStream.write(parameterValue.getBytes("UTF-8"));
        dataOutputStream.writeBytes(lineEnd);
    } 

2

यहां एक वर्ग का कोटलिन संस्करण है जो वॉली 1.1.1 के साथ मल्टीपार्ट अनुरोध की अनुमति देता है।

यह ज्यादातर @ बीएनके के समाधान पर आधारित है लेकिन धीरे-धीरे सरलीकृत है। मैंने किसी विशेष प्रदर्शन के मुद्दे पर ध्यान नहीं दिया। मैंने लगभग 3 सेकंड में 5Mb की तस्वीर अपलोड की।

class MultipartWebservice(context: Context) {

    private var queue: RequestQueue? = null

    private val boundary = "apiclient-" + System.currentTimeMillis()
    private val mimeType = "multipart/form-data;boundary=$boundary"

    init {
        queue = Volley.newRequestQueue(context)
    }

    fun sendMultipartRequest(
        method: Int,
        url: String,
        fileData: ByteArray,
        fileName: String,
        listener: Response.Listener<NetworkResponse>,
        errorListener: Response.ErrorListener
    ) {

        // Create multi part byte array
        val bos = ByteArrayOutputStream()
        val dos = DataOutputStream(bos)
        buildMultipartContent(dos, fileData, fileName)
        val multipartBody = bos.toByteArray()

        // Request header, if needed
        val headers = HashMap<String, String>()
        headers["API-TOKEN"] = "458e126682d577c97d225bbd73a75b5989f65e977b6d8d4b2267537019ad9d20"

        val request = MultipartRequest(
            method,
            url,
            errorListener,
            listener,
            headers,
            mimeType,
            multipartBody
        )

        queue?.add(request)

    }

    @Throws(IOException::class)
    private fun buildMultipartContent(dos: DataOutputStream, fileData: ByteArray, fileName: String) {

        val twoHyphens = "--"
        val lineEnd = "\r\n"

        dos.writeBytes(twoHyphens + boundary + lineEnd)
        dos.writeBytes("Content-Disposition: form-data; name=\"file\"; filename=\"$fileName\"$lineEnd")
        dos.writeBytes(lineEnd)
        dos.write(fileData)
        dos.writeBytes(lineEnd)
        dos.writeBytes(twoHyphens + boundary + twoHyphens + lineEnd)
    }

    class MultipartRequest(
        method: Int,
        url: String,
        errorListener: Response.ErrorListener?,
        private var listener: Response.Listener<NetworkResponse>,
        private var headers: MutableMap<String, String>,
        private var mimeType: String,
        private var multipartBody: ByteArray
    ) : Request<NetworkResponse>(method, url, errorListener) {

        override fun getHeaders(): MutableMap<String, String> {
            return if (headers.isEmpty()) super.getHeaders() else headers
        }

        override fun getBodyContentType(): String {
            return mimeType
        }

        override fun getBody(): ByteArray {
            return multipartBody
        }

        override fun parseNetworkResponse(response: NetworkResponse?): Response<NetworkResponse> {
            return try {
                Response.success(response, HttpHeaderParser.parseCacheHeaders(response))
            } catch (e: Exception) {
                Response.error(ParseError(e))
            }
        }

        override fun deliverResponse(response: NetworkResponse?) {
            listener.onResponse(response)
        }
    }
}

नमस्ते। किसी भी अधिक जानकारी के रूप में हम कैसे उपरोक्त वर्ग का उपयोग कर सकते हैं? उदाहरण के लिए हम इसके साथ .jpg छवि कैसे अपलोड कर सकते हैं?
थानिसिस

0

मुझे मूल वॉली लाइब्रेरी का एक रैपर मिला जो बहु-भाग अनुरोधों के लिए एकीकृत करना आसान है। यह अन्य अनुरोध मापदंडों के साथ बहु-भाग डेटा अपलोड करने का भी समर्थन करता है। इसलिए मैं भविष्य के डेवलपर्स के लिए अपना कोड साझा कर रहा हूं, जो उस समस्या में चल सकता है जो मुझे हो रहा था (यानी कुछ अन्य मापदंडों के साथ वॉली का उपयोग करके बहु-भाग डेटा अपलोड करना)।

build.gradleफ़ाइल में निम्न लाइब्रेरी जोड़ें ।

dependencies {
    compile 'dev.dworks.libs:volleyplus:+'
}

कृपया ध्यान दें, मैंने अपने से मूल वॉली लाइब्रेरी को हटा दिया हैbuild.gradle और इसके बजाय उपरोक्त पुस्तकालय का उपयोग किया है जो कि एकीकरण एकीकरण तकनीक वाले बहु-भाग और सामान्य अनुरोधों को संभाल सकता है।

तब मुझे सिर्फ निम्न वर्ग लिखना था जो POST अनुरोध संचालन को संभालता है।

public class POSTMediasTask {
    public void uploadMedia(final Context context, String filePath) {

        String url = getUrlForPOSTMedia(); // This is a dummy function which returns the POST url for you
        SimpleMultiPartRequest multiPartRequestWithParams = new SimpleMultiPartRequest(Request.Method.POST, url,
                new Response.Listener<String>() {
                    @Override
                    public void onResponse(String response) {
                        Log.d("Response", response);
                        // TODO: Do something on success
                    }
                }, new Response.ErrorListener() {
            @Override
            public void onErrorResponse(VolleyError error) {
                // TODO: Handle your error here
            }
        });

        // Add the file here
        multiPartRequestWithParams.addFile("file", filePath);

        // Add the params here
        multiPartRequestWithParams.addStringParam("param1", "SomeParamValue1");
        multiPartRequestWithParams.addStringParam("param2", "SomeParamValue2");

        RequestQueue queue = Volley.newRequestQueue(context);
        queue.add(multiPartRequestWithParams);
    }
}

अब निम्नलिखित की तरह कार्य निष्पादित करें।

new POSTMediasTask().uploadMedia(context, mediaPath);

आप इस लाइब्रेरी का उपयोग करके एक समय में एक फ़ाइल अपलोड कर सकते हैं। हालाँकि, मैं कई कार्यों को आरंभ करके, कई फ़ाइलों को अपलोड करने का प्रबंधन कर सकता था।

उम्मीद है की वो मदद करदे!

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.