将图像转换为数据URI Base64时出现的问题

Question

我正在尝试将位于服务器上的图像转换为数据URI。当我通过确切的url位置时，它转换得很好。我需要能够将文件名作为变量传递，但是当我传递时，返回的数据是base64: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}