blog

urlをbase64に変換する

url から base64...

Mar 29, 2020 · 1 min. read
Share this

url を base64 に変換します。

http://..om/
 this.getBase64Image('http://..////--/----.pg', 'coopCachetImg')
// 最初のパラメータはイメージのURLアドレスで、2番目は変換後にbase64アドレスが割り当てられるimgタグである。
 function getBase64Image (url, ref) {
 var that = this
 var image = new Image()
 image.src = url + '?v=' + Math.random() // キャッシュを処理する
 image.crossOrigin = '*' // クロスドメインイメージをサポートする
 image.onload = function () {
 var base64 = that.drawBase64Image(image)
 console.log(base64);
 var imgSrc=document.getElementById('coopCachetImg');
 imgSrc.src=base64;
 // that.$refs[ref].src = base64
 }
 }
 function drawBase64Image (img) {
 var canvas = document.createElement('canvas')
 canvas.width = img.width
 canvas.height = img.height
 var ctx = canvas.getContext('2d')
 ctx.drawImage(img, 0, 0, img.width, img.height)
 var dataURL = canvas.toDataURL('image/png')
 return dataURL
 }
Read next

todoList

入力イベントをリッスンし、キーとキーをマッチさせ、対応する値を見つけ出します。変数に格納し、変数の値を追加するオブジェクトを作成し、関数内のオブジェクトをグローバルtodoList配列に追加し、呼び出しをレンダリングします。

Mar 29, 2020 · 3 min read