从https网站调用非https api url

i am trying to call non-https api url from my https website, but it gives me error.

jquery.js:9640 Mixed Content: The page at 'https://example.com/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://apiurl/imageapi.php'. This request has been blocked; the content must be served over HTTPS.

$.ajax({
                url: 'http://example.com/imageapi.php',
                method: 'post',
                data: formData,
                processData: false,
                contentType: false,
                dataType :'json',
                beforeSend: function() {
                    jQuery('.bfd-dropfield-inner').html('Procession............');
                },
                success: function(response) {

how can i solve this issue