Изображение Проблема CORS в программируемом чате Twilio - PullRequest
Новая
       5

Изображение Проблема CORS в программируемом чате Twilio

0 голосов
/ 18 сентября 2018

Мы используем программируемый чат в нашем веб-приложении, устройствах iOS и Android.Мы добавили возможность загрузки изображений на все три вышеупомянутые платформы и следовали методам, приведенным в документации Twilio.Когда мы пытаемся открыть изображение в веб-приложении во всплывающем окне, используя функцию JS image.onload , чтобы получить высоту и ширину изображения, возникает ошибка CORS.Это URL-адрес изображения - https://media.us1.twilio.com/MEd2423094d30b8d7950684ea7d328b717?Expires=1537251160&Signature=mi6nRldhnyDlDp1FepiGhaB6QCBx1FDlMFkE43vI81mnkOvtiPsMnRyO~ZRj1KdidzPYTMwlpMEobqkyysC6esfgfes2taaZVGepeyJpKdBcF4nZngAr08FQNqCWrUhSJHUBFif603EdEw-XbYfKVJPt5qK-KpmG5lBm5aMS15UWCPLSSYNQ1z-1IK4OumrSjbB3fQRICnktmBBL9ZOnnZk8gJfLZsSDbaoQUDGErwETXj3bTfskf5D10jFkyBQX8YRJo5O-nFWT6E70bf9nYJg2eRkR9XxqVqwRfEYwDWB9t8p~xFNwpUvbQAwx-uV9jFT9l56Z1ms4wP2GSUNfSQ__&Key-Pair-Id=APKAJWF6YVTMIIYOF3AA

Когда я пытался преобразовать URL-адрес изображения в дату base64, используя метод canvas 

var imgUrl = 'https://media.us1.twilio.com/MEd2423094d30b8d7950684ea7d328b717?Expires=1537251160&Signature=mi6nRldhnyDlDp1FepiGhaB6QCBx1FDlMFkE43vI81mnkOvtiPsMnRyO~ZRj1KdidzPYTMwlpMEobqkyysC6esfgfes2taaZVGepeyJpKdBcF4nZngAr08FQNqCWrUhSJHUBFif603EdEw-XbYfKVJPt5qK-KpmG5lBm5aMS15UWCPLSSYNQ1z-1IK4OumrSjbB3fQRICnktmBBL9ZOnnZk8gJfLZsSDbaoQUDGErwETXj3bTfskf5D10jFkyBQX8YRJo5O-nFWT6E70bf9nYJg2eRkR9XxqVqwRfEYwDWB9t8p~xFNwpUvbQAwx-uV9jFT9l56Z1ms4wP2GSUNfSQ__&Key-Pair-Id=APKAJWF6YVTMIIYOF3AA'
var img = new Image();
img.crossOrigin = "Anonymous";
   img.onload = function(){
    var canvas = document.createElement("canvas");
    canvas.width =this.width;
    canvas.height =this.height;
    var ctx = canvas.getContext("2d");
    ctx.drawImage(this, 0, 0);
    var ansImgDataURL = canvas.toDataURL("image/jpeg",1.0);
    console.log(ansImgDataURL);
   };
img.src = imgUrl;

Я получил DOMException: Не удалось выполнить toDataURL'on' HTMLCanvasElement ': испорченные полотна не могут быть экспортированы.

В конечном итоге я хочу получить данные base64 изображения из URL-адреса изображения.
Может ли кто-нибудь помочь мне в этом.

Спасибо, Санкар.

...