Преобразование локального изображения в base64 с помощью JavaScript

Я делаю проект в html, только javascript. У меня есть функция, которая конвертирует изображение в base64, см. код ниже.

function getBase64Image()
{
    p = document.getElementById("picField").value;
    img.setAttribute('src', p);
    var canvas = document.createElement("canvas");
    canvas.width = img.width;
    canvas.height = img.height;
    var ctx = canvas.getContext("2d");
    ctx.drawImage(img, 0, 0);
    var dataURL = canvas.toDataURL("image/png");
    var r = dataURL.replace(/^data:image\/(png|jpg);base64,/, "");
    base64 = r;
    alert(base64);
}

но проблема в том, что когда я развернул свой веб-сайт, значит, когда я разместил свой html-файл на iis, он не работает, значит, в локальной файловой системе он показывает полный формат base 64, например iVb...., но на iis он дает код base64 как просто "база". так почему это не работает на iis, я не знаю, поэтому, пожалуйста, помогите мне и пришлите мне html-файл, который будет работать и на iis.