Search code examples
cordovamediaandroid-mediascanner

Phonegap - How to trigger media scanner after creating file


I have the following code (this is a plugin to save a base64 as an image file on the phone)

    @Override
public boolean execute(String action, JSONArray args, CallbackContext callbackContext) {
    if (!action.equals("saveImage")) {
        return false;
    }
    try {
        String b64String = args.getString(0);
        if (b64String.startsWith("data:image")) {
            b64String = b64String.substring(b64String.indexOf(',') + 1);
        }
        JSONObject params = args.getJSONObject(1);

        //Optional parameter
        String filename = params.has("filename")
                ? params.getString("filename")
                : "drawsaur_" + System.currentTimeMillis() + ".png";

        String folder = params.has("folder")
                ? params.getString("folder")
                : Environment.getExternalStorageDirectory() + "/drawsaur";

        Boolean overwrite = params.has("overwrite") 
                ? params.getBoolean("overwrite") 
                : false;

        return this.saveImage(b64String, filename, folder, overwrite, callbackContext);

    } catch (JSONException e) {
        e.printStackTrace();
        callbackContext.error(e.getMessage());
        return false;
    } catch (InterruptedException e) {
        e.printStackTrace();
        callbackContext.error(e.getMessage());
        return false;
    }
}
private boolean saveImage(String b64String, String fileName, String dirName, Boolean overwrite, CallbackContext callbackContext) throws InterruptedException, JSONException {
    try {
        //Directory and File
        File dir = new File(dirName);
        if (!dir.exists()) {
            dir.mkdirs();
        }
        File file = new File(dirName, fileName);
        //Avoid overwriting a file
        if (!overwrite && file.exists()) {
         callbackContext.error("File already exists!");
            return true;
        }
        //Decode Base64 back to Binary format
        byte[] decodedBytes = Base64.decode(b64String.getBytes());
        //Save Binary file to phone
        file.createNewFile();
        FileOutputStream fOut = new FileOutputStream(file);
        fOut.write(decodedBytes);
        fOut.close();

        callbackContext.success("Saved successfully to " + dirName + "/" + fileName);
        return true;
    } catch (FileNotFoundException e) {
        callbackContext.error("File not Found!");
        return false;
    } catch (IOException e) {
        callbackContext.error(e.getMessage());
        return false;
    }
}

I need to trigger media scan on the file so android will show the file in gallery. How can I do this ? I am using Phonegap 2.9.0 and testing on nexus4

Thank you


Solution

  • Got to create a plugin from it , here it is

    the scanMedia.java

    public class scanMedia extends CordovaPlugin {
    
    @Override
    public boolean execute(String action, JSONArray args, CallbackContext callbackContext) throws JSONException {
        if (!action.equals("mediaScanner")) {
            return false;
        }
        try {
            String absolutePath = args.getString(0);
            if (absolutePath.startsWith("data:image")) {
                absolutePath = absolutePath.substring(absolutePath.indexOf(',') + 1);
            }
    
            return this.mediaScanner(absolutePath, callbackContext);
    
        } catch (JSONException e) {
            e.printStackTrace();
            callbackContext.error(e.getMessage());
            return false;
        } catch (InterruptedException e) {
            e.printStackTrace();
            callbackContext.error(e.getMessage());
            return false;
        }
    }
    
    private boolean mediaScanner(String absolutePath, CallbackContext callbackContext) throws InterruptedException, JSONException
    {
          Intent mediaScanIntent = new Intent(Intent.ACTION_MEDIA_SCANNER_SCAN_FILE);
          //File f = new File(filename);
    
          Uri contentUri = Uri.parse(absolutePath.toString());
          mediaScanIntent.setData(contentUri);
          System.out.println("from internal?" + contentUri);
          //this.cordova.getContext().sendBroadcast(mediaScanIntent); //this is deprecated
          this.cordova.getActivity().sendBroadcast(mediaScanIntent);
          return true;
    }   }
    

    the scanMedia.js

    (function() {
                /* This increases plugin compatibility */
                var cordovaRef = window.PhoneGap || window.Cordova || window.cordova; // old to new fallbacks
    
                /**
                * The Java to JavaScript Gateway 'magic' class 
                */
                function scanMedia(){ }
    
    
                scanMedia.prototype.mediaScanner = function(string, win, fail) {
                    cordovaRef.exec(win, fail, "scanMedia", "mediaScanner", [string]);
                };
    
                cordovaRef.addConstructor(function() {
                    if (!window.plugins) {
                        window.plugins = {};
                    }
                    if (!window.plugins.scanMedia) {
                        window.plugins.scanMedia = new scanMedia();
                    }
                });
    
            })();
    

    and reference in the config.xml file

    <plugin name="scanMedia" value="org.apache.cordova.scanMedia"/>
    

    In order to call the plugin you need to pass the file.fullPath to the function (you use the phonegap file reader)

    var theLink = fileEntry.fullPath;
        window.plugins.scanMedia.mediaScanner(theLink, 
                               function(result) {
                                    console.log(result);
                               }, function(error) {
                                    console.log(error);
                        });
    

    Hope it helps somebody in need of media discovery. If anybody can do this for iOS that would be great :)