将图像转换为Data URI Base64时出现问题

Question

我正在尝试将服务器上的图像转换为数据URI。 当我通过确切的网址位置时，它可以很好地转换。 我需要能够将文件名作为变量传递，但是当我执行时，它以base64返回data：text / html而不是data：image / jpeg。

任何帮助表示赞赏！

    function toDataURL(url, callback) {
    var xhr = new XMLHttpRequest();
    xhr.onload = function() {
        var reader = new FileReader();
        reader.onloadend = function() {
            callback(reader.result);
        }
        reader.readAsDataURL(xhr.response);
    };
    xhr.open('GET', url);
    xhr.responseType = 'blob';
    xhr.send();
}

//Works Here
    toDataURL(`/attachments/HouseLandPackage/FloorPlans/Floorplan.jpg`, function(dataUrl) {
            UserSelection.FloorPlanBase64 = dataUrl;
        });

//Doesn't work here (Floorplan = Floorplan.jpg in this)
    toDataURL(`/attachments/HouseLandPackage/FloorPlans/${Floorplan}`, function(dataUrl) {
                UserSelection.FloorPlanBase64 = dataUrl;
            });

Answer 1

尝试

toDataURL(`/attachments/HouseLandPackage/FloorPlans/${Floorplan}`, function(dataUrl) {
                UserSelection.FloorPlanBase64 = dataUrl;
            });

您应该使用${variableName}而不是带有反引号的{variableName}