Android Upload Video To Server Using Retrofit 2 is written here.
In this example, you will learn how to upload video to PHP-MySQL server using retrofit from android device.
We will use MultipartBody class of retrofit library to make simple http calls to the web service.
If you want to use volley then read how to upload video using volley in android.
Final Video
Below video shows us how this example is working.
PHP related tasks
We need to write two PHP files in this tutorial.
Make a new PHP file named config.php and add the below code block in it.
<?php
$host="localhost";
$user="your username";
$password="your password";
$db = "your db name";
$con = mysqli_connect($host,$user,$password,$db);
// Check connection
if (mysqli_connect_errno())
{
echo "Failed to connect to MySQL: " . mysqli_connect_error();
}else{ //echo "Connect";
}
?>
Now create another PHP filed called uploadfile.php
Source code for uploadfile.php is as the following
<?php
if($_SERVER['REQUEST_METHOD']=='POST'){
// echo $_SERVER["DOCUMENT_ROOT"]; // /home1/demonuts/public_html
//including the database connection file
include_once("config.php");
//$_FILES['image']['name'] give original name from parameter where 'image' == parametername eg. city.jpg
//$_FILES['image']['tmp_name'] temporary system generated name
$originalImgName= $_FILES['filename']['name'];
$tempName= $_FILES['filename']['tmp_name'];
$folder="uploadedFiles/";
$url = "https://www.demonuts.com/Demonuts/JsonTest/Tennis/uploadedFiles/".$originalImgName; //update path as per your directory structure
if(move_uploaded_file($tempName,$folder.$originalImgName)){
$query = "INSERT INTO upload_image_video (pathToFile) VALUES ('$url')";
if(mysqli_query($con,$query)){
$query= "SELECT * FROM upload_image_video WHERE pathToFile='$url'";
$result= mysqli_query($con, $query);
$emparray = array();
if(mysqli_num_rows($result) > 0){
while ($row = mysqli_fetch_assoc($result)) {
$emparray[] = $row;
}
echo json_encode(array( "status" => "true","message" => "Successfully file added!" , "data" => $emparray) );
}else{
echo json_encode(array( "status" => "false","message" => "Failed!") );
}
}else{
echo json_encode(array( "status" => "false","message" => "Failed!") );
}
//echo "moved to ".$url;
}else{
echo json_encode(array( "status" => "false","message" => "Failed!") );
}
}
?>
Above file will get the video sent from the android device and will upload it to the web server.
Now open your android studio and make a new project.
Step 1. Permissions and gradle dependencies
In your AndroidManifest.xml file, add the below permissions
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
First line will allow our app to use the internet connection of android device.
Second and third will give us permission to read and write data on the external storage.
We will also ask for the runtime permissions in the main activity java class.
In your build.gradle(Module :app) file, write the following lines
implementation 'com.squareup.retrofit2:retrofit:2.5.0'
implementation 'com.squareup.retrofit2:converter-scalars:2.5.0'
implementation 'com.karumi:dexter:5.0.0'
First line is about retrofit and second one will integrate scalar library in our project.
Retrofit will help us to make http calls and scalar will convert the JSON response into the string format.
Last one is about dexter library. This library will simplify the runtime permissions task.
Step 2. Interface for Retrofit
Create a new JAVA class and give it a name like VideoInterface.java
Below is the source snippet for VideoInterface.java class.
import okhttp3.MultipartBody;
import okhttp3.RequestBody;
import retrofit2.Call;
import retrofit2.http.Multipart;
import retrofit2.http.POST;
import retrofit2.http.Part;
public interface VideoInterface {
String VIDEOURL = "https://demonuts.com/Demonuts/JsonTest/Tennis/";
@Multipart
@POST("uploadfile.php")
Call<String> uploadImage(
@Part MultipartBody.Part file, @Part("filename") RequestBody name
);
}
First line is the string variable which holds the URL to our web service.
@Multipart annotation is telling the compiler that we are using multipart functionality of retrofit.
@POST is suggesting that we will make POST request to the uploadfile.php file.
uploadImage() method (don’t judge this method with it’s name š It will still upload video) will help us to make http call with required parameters.
Step 3. Main Files Writings
Now we need to write two main files and we are done.
First of all, add the below source code in your activity_main.xml file.
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:background="#f19e0e"
tools:context=".MainActivity">
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/btn"
android:layout_marginLeft="10dp"
android:layout_marginTop="10dp"
android:text="Select Video To upload with retrofit"
/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
android:layout_marginTop="10dp"
android:textColor="#000"
android:textSize="25sp"
android:text="Below is URL to uploaded Video with Retrofit"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/tv"
android:layout_marginLeft="10dp"
android:layout_marginTop="10dp"
android:textColor="#fff"
android:textSize="25sp"
android:text="URL to Video"/>
</LinearLayout>
Main XML file has one button and two text views.
A button will open a new screen when the user clicks it. This screen will show various videos from which user can select any one.
One text view has the fixed text and it will not be changed.
Another text view will get the value of just uploaded video’s URL. When the user clicks this text view, system will open this URL in the web browser.
Step 4. Main JAVA file
In your MainActivity.java file, you should note down the following source structure.
import android.Manifest;
import android.content.Context;
import android.content.Intent;
import android.net.Uri;
import android.os.Environment;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.text.TextUtils;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;
import android.widget.Toast;
import com.karumi.dexter.Dexter;
import com.karumi.dexter.MultiplePermissionsReport;
import com.karumi.dexter.PermissionToken;
import com.karumi.dexter.listener.DexterError;
import com.karumi.dexter.listener.PermissionRequest;
import com.karumi.dexter.listener.PermissionRequestErrorListener;
import com.karumi.dexter.listener.multi.MultiplePermissionsListener;
import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;
import java.io.BufferedInputStream;
import java.io.BufferedOutputStream;
import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;
import java.util.Calendar;
import java.util.List;
import okhttp3.MediaType;
import okhttp3.MultipartBody;
import okhttp3.RequestBody;
import retrofit2.Call;
import retrofit2.Callback;
import retrofit2.Response;
import retrofit2.Retrofit;
import retrofit2.converter.scalars.ScalarsConverterFactory;
public class MainActivity extends AppCompatActivity {
private Button btn;
private TextView tv;
private String url = "https://www.google.com";
private static final int BUFFER_SIZE = 1024 * 2;
private static final String IMAGE_DIRECTORY = "/demonuts_upload_gallery";
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
requestMultiplePermissions();
btn = findViewById(R.id.btn);
tv = findViewById(R.id.tv);
btn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Intent intent = new Intent();
intent.setAction(Intent.ACTION_GET_CONTENT);
intent.setType("video/*");
startActivityForResult(intent,1);
}
});
tv.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Intent browserIntent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
startActivity(browserIntent);
}
});
}
@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
if (resultCode == RESULT_OK) {
// Get the Uri of the selected file
Uri uri = data.getData();
String path = getFilePathFromURI(MainActivity.this,uri);
Log.d("ioooossss",path);
uploadVideo(path);
}
super.onActivityResult(requestCode, resultCode, data);
}
private void uploadVideo(String path){
String pdfname = String.valueOf(Calendar.getInstance().getTimeInMillis());
Retrofit retrofit = new Retrofit.Builder()
.baseUrl(VideoInterface.VIDEOURL)
.addConverterFactory(ScalarsConverterFactory.create())
.build();
//Create a file object using file path
File file = new File(path);
// Parsing any Media type file
RequestBody requestBody = RequestBody.create(MediaType.parse("*/*"), file);
MultipartBody.Part fileToUpload = MultipartBody.Part.createFormData("filename", file.getName(), requestBody);
RequestBody filename = RequestBody.create(MediaType.parse("text/plain"), pdfname);
VideoInterface getResponse = retrofit.create(VideoInterface.class);
Call<String> call = getResponse.uploadImage(fileToUpload, filename);
Log.d("assss","asss");
call.enqueue(new Callback<String>() {
@Override
public void onResponse(Call<String> call, Response<String> response) {
Log.d("mullllll", response.body().toString());
try {
JSONObject jsonObject = new JSONObject(response.body().toString());
Toast.makeText(getApplicationContext(), jsonObject.getString("message"), Toast.LENGTH_SHORT).show();
jsonObject.toString().replace("\\\\","");
if (jsonObject.getString("status").equals("true")) {
JSONArray dataArray = jsonObject.getJSONArray("data");
for (int i = 0; i < dataArray.length(); i++) {
JSONObject dataobj = dataArray.getJSONObject(i);
url = dataobj.optString("pathToFile");
tv.setText(url);
}
}
} catch (JSONException e) {
e.printStackTrace();
}
}
@Override
public void onFailure(Call call, Throwable t) {
Log.d("gttt", call.toString());
}
});
}
public static String getFilePathFromURI(Context context, Uri contentUri) {
//copy file and send new file path
File wallpaperDirectory = new File(
Environment.getExternalStorageDirectory() + IMAGE_DIRECTORY);
// have the object build the directory structure, if needed.
if (!wallpaperDirectory.exists()) {
wallpaperDirectory.mkdirs();
}
File copyFile = new File(wallpaperDirectory + File.separator + Calendar.getInstance()
.getTimeInMillis()+".mp4");
// create folder if not exists
copy(context, contentUri, copyFile);
Log.d("vPath--->",copyFile.getAbsolutePath());
return copyFile.getAbsolutePath();
}
public static void copy(Context context, Uri srcUri, File dstFile) {
try {
InputStream inputStream = context.getContentResolver().openInputStream(srcUri);
if (inputStream == null) return;
OutputStream outputStream = new FileOutputStream(dstFile);
copystream(inputStream, outputStream);
inputStream.close();
outputStream.close();
} catch (IOException e) {
e.printStackTrace();
} catch (Exception e) {
e.printStackTrace();
}
}
public static int copystream(InputStream input, OutputStream output) throws Exception, IOException {
byte[] buffer = new byte[BUFFER_SIZE];
BufferedInputStream in = new BufferedInputStream(input, BUFFER_SIZE);
BufferedOutputStream out = new BufferedOutputStream(output, BUFFER_SIZE);
int count = 0, n = 0;
try {
while ((n = in.read(buffer, 0, BUFFER_SIZE)) != -1) {
out.write(buffer, 0, n);
count += n;
}
out.flush();
} finally {
try {
out.close();
} catch (IOException e) {
Log.e(e.getMessage(), String.valueOf(e));
}
try {
in.close();
} catch (IOException e) {
Log.e(e.getMessage(), String.valueOf(e));
}
}
return count;
}
private void requestMultiplePermissions(){
Dexter.withActivity(this)
.withPermissions(
Manifest.permission.WRITE_EXTERNAL_STORAGE,
Manifest.permission.READ_EXTERNAL_STORAGE)
.withListener(new MultiplePermissionsListener() {
@Override
public void onPermissionsChecked(MultiplePermissionsReport report) {
// check if all permissions are granted
if (report.areAllPermissionsGranted()) {
Toast.makeText(getApplicationContext(), "All permissions are granted by user!", Toast.LENGTH_SHORT).show();
}
// check for permanent denial of any permission
if (report.isAnyPermissionPermanentlyDenied()) {
// show alert dialog navigating to Settings
}
}
@Override
public void onPermissionRationaleShouldBeShown(List<PermissionRequest> permissions, PermissionToken token) {
token.continuePermissionRequest();
}
}).
withErrorListener(new PermissionRequestErrorListener() {
@Override
public void onError(DexterError error) {
Toast.makeText(getApplicationContext(), "Some Error! ", Toast.LENGTH_SHORT).show();
}
})
.onSameThread()
.check();
}
}
Above code looks little lengthy, so let us check it step by step.
First of all, consider the below code
private Button btn;
private TextView tv;
private String url = "https://www.google.com";
private static final int BUFFER_SIZE = 1024 * 2;
private static final String IMAGE_DIRECTORY = "/demonuts_upload_gallery";
First line is making the object of the Button class while second one is of Text View class.
Third line is the google URL string variable. We will update it’s value later.
Fourth line is the final integer variable which will work as the buffer size.
Last one is the string variable which is the name of the directory folder in which we will save the video.
Inside onCreate() method, compiler will execute requestMultiplePermissions() method like below.
private void requestMultiplePermissions(){
Dexter.withActivity(this)
.withPermissions(
Manifest.permission.WRITE_EXTERNAL_STORAGE,
Manifest.permission.READ_EXTERNAL_STORAGE)
.withListener(new MultiplePermissionsListener() {
@Override
public void onPermissionsChecked(MultiplePermissionsReport report) {
// check if all permissions are granted
if (report.areAllPermissionsGranted()) {
Toast.makeText(getApplicationContext(), "All permissions are granted by user!", Toast.LENGTH_SHORT).show();
}
// check for permanent denial of any permission
if (report.isAnyPermissionPermanentlyDenied()) {
// show alert dialog navigating to Settings
}
}
@Override
public void onPermissionRationaleShouldBeShown(List<PermissionRequest> permissions, PermissionToken token) {
token.continuePermissionRequest();
}
}).
withErrorListener(new PermissionRequestErrorListener() {
@Override
public void onError(DexterError error) {
Toast.makeText(getApplicationContext(), "Some Error! ", Toast.LENGTH_SHORT).show();
}
})
.onSameThread()
.check();
}
This method is executing the runtime permission scenario using dexter library.
It will handle all the aspects regarding this topic and will save our time.
Compiler will run below code when the user clicks the button
btn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Intent intent = new Intent();
intent.setAction(Intent.ACTION_GET_CONTENT);
intent.setType("video/*");
startActivityForResult(intent,1);
}
});
Compiler will make a new screen with new intent. It will showcase various videos from which user can select any to upload to server.
When the user selects any one video, compiler will call onActivityResult() method.
Below is the snippet for onActivityResult() method.
@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
if (resultCode == RESULT_OK) {
// Get the Uri of the selected file
Uri uri = data.getData();
String path = getFilePathFromURI(MainActivity.this,uri);
Log.d("ioooossss",path);
uploadVideo(path);
}
super.onActivityResult(requestCode, resultCode, data);
}
First of all, compiler will get the Uri of the video. Then it will get the path of the video using getFilePathFromURI() method.
Using this path, compiler will execute uploadVideo() method.
Following is the code snippet for uploadVideo() method
private void uploadVideo(String path){
String pdfname = String.valueOf(Calendar.getInstance().getTimeInMillis());
Retrofit retrofit = new Retrofit.Builder()
.baseUrl(VideoInterface.VIDEOURL)
.addConverterFactory(ScalarsConverterFactory.create())
.build();
//Create a file object using file path
File file = new File(path);
// Parsing any Media type file
RequestBody requestBody = RequestBody.create(MediaType.parse("*/*"), file);
MultipartBody.Part fileToUpload = MultipartBody.Part.createFormData("filename", file.getName(), requestBody);
RequestBody filename = RequestBody.create(MediaType.parse("text/plain"), pdfname);
VideoInterface getResponse = retrofit.create(VideoInterface.class);
Call<String> call = getResponse.uploadImage(fileToUpload, filename);
Log.d("assss","asss");
call.enqueue(new Callback<String>() {
@Override
public void onResponse(Call<String> call, Response<String> response) {
Log.d("mullllll", response.body().toString());
try {
JSONObject jsonObject = new JSONObject(response.body().toString());
Toast.makeText(getApplicationContext(), jsonObject.getString("message"), Toast.LENGTH_SHORT).show();
jsonObject.toString().replace("\\\\","");
if (jsonObject.getString("status").equals("true")) {
JSONArray dataArray = jsonObject.getJSONArray("data");
for (int i = 0; i < dataArray.length(); i++) {
JSONObject dataobj = dataArray.getJSONObject(i);
url = dataobj.optString("pathToFile");
tv.setText(url);
}
}
} catch (JSONException e) {
e.printStackTrace();
}
}
@Override
public void onFailure(Call call, Throwable t) {
Log.d("gttt", call.toString());
}
});
}
First line is making one string variable. This variable is getting the value of current time in milli second in string format.
We will use this variable as the name of the video which is going to be uploaded on server.
Then compiler will create the object of Retrofit, File, RequestBody, VideoInterface etc classes. and will make http call using these objects.
When server sends the JSON response, compiler will run onRespose() method.
Inside this onRespose() method, compiler will parse JSON and will get the URL at which our uploaded video residing.
Then it will this URL as the value of the text view.
Download Code for Android Upload Video To Server Using Retrofit 2
Click this github link to download full source code