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

我正在尝试将位于服务器上的图像转换为数据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;
            });

试一试

---

您应该使用

${variableName}

而不是只使用带有反勾号的

{variableName}

，表示歉意！我的意思是，在我的问题中，现在修改它。

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