AssetPicker Loading Via JSOM not working

Question

here is the problem where i am able to use the object of AssetPicker to load it as a dialog box on my button click by refering the below solution

Opening and closing AssetPortalBrowser.aspx in SharePoint modal popup ..but the issue is that when ever i clicked on "Insert" action it give the below error..

can any one have idea why ? and pls solution for it .. Urgent..

UPDATE below is the simple code i have placed in my CEWP


var testobj = new AssetPickerConfig(); obj.CurrentWebBaseUrl = _spPageContextInfo.webAbsoluteUrl; obj.ReturnCallback = getPickertUrl;

function getPickertUrl(url) {
    console.log(url);
    document.getElementById('txtURL').value = url;
}

function openPicker(){
    APD_LaunchAssetPicker(testobj);
}

Answer 1

Kindly follow the below mentioned solution. I had test this code in IE and FireFox and its working fine there. There is also an attached demo of the same.

In my code, I am using a global variable obj which is not a best practice, so modify the code accordingly. Its just for the reference.

<div>
    <input type="text" id="pickerControl" width="100%" style="width:100% !important; margin-bottom: 20px" />
    <input type="button" value="Pick" onclick="openPicker()" />

</div>

<script src="/sites/test/_layouts/15/AssetPickers.js"></script>

<script>
    var obj = new AssetPickerConfig();
    obj.CurrentWebBaseUrl = _spPageContextInfo.webAbsoluteUrl;
    obj.ReturnCallback = getPickertUrl;

    function getPickertUrl(url) {
        console.log(url);
        document.getElementById('pickerControl').value = url;
    }

    function openPicker(){
        APD_LaunchAssetPicker(obj);
    }
</script>

Demo

The demo video is uploaded to my GDrive. Follow this url to check it out. https://drive.google.com/file/d/1iYjISDVm-B5EjTf4G0-5IKHZnjhWbEhe/view?usp=sharing