Блог

Я хочу создать изображение в VueJS с данными, которые я получаю с сервера. Эти данные включают название изображения, тип изображения (например image/png ) и содержимое изображения (которое представляет собой строку тарабарщины).

Я попытался создать метод, который возвращает новый файл примерно так:

 methods: {  getFile(img: { content: any; title: string; type: any }): File {  return new File([img.content], img.title, {  type: img.type,  });  },  },  

А затем я попытался привязать созданный метод к тегу img следующим образом:

 lt;templategt;  lt;divgt;  lt;img :src="getFile(image)" /gt;  lt;/divgt; lt;/templategt;  

Где image находится объект типа {title: string; type: string; content: string;} .

К сожалению, я получаю следующую ошибку:

 Invalid prop: type check failed for prop "src". Expected String, Object, got File  

Как я могу создать файл изображения и привязать его к представлению для его отображения?

Спасибо за любую помощь!