Я пытаюсь загрузить изображение с внешнего URL. Изображение извлекается динамически из базы данных и поэтому не является прямым путем. Пример такого URL: http://192.192.168.12:8080/api/imageServer?file=imageName.jpeg. Ответ в реальном изображении в формате JPEG; когда я добавляю URL к тегу изображения или прямо в браузере, изображение показывается. Когда я пытаюсь загрузить изображение в Fabric.js, я получаю только консольное сообщение «Ошибка загрузки» без каких-либо других сообщений.
Это часть нашего кода:
var updateCanvas = function () {
self.canvas.clear();
if (self.selectedImage() && self.canvas) {
try {
fabric.Image.fromURL(self.selectedImage().imageUrl, function (oImg) {
if (oImg._element == null) {
stickyToast(translations().Error, translations().img_bind_error, "error");
return;
}
self.canvas.clear();
var canvasHeight = 500;
var ratio = canvasHeight / oImg.height;
var canvasWidth = oImg.width * ratio;
//Define all filters that will be used on image
oImg.filters[0] = new fabric.Image.filters.Brightness({
brightness: 0
});
...
Я пытался обновиться до последней версии fabric.js, но безрезультатно. Есть ли другой способ, который мне нужно использовать, чтобы загрузить изображение?